Floats and Horizontal Alignment

JUN

Jun 01, 2010 by Jill Hartsen

If you're like me, you know that aligning elements horizontally can be a huge pain. You can endlessly mess with widths, heights, margins and padding and never end up with elements that line up just right across all the browsers. Before you put yourself through the torture, try floats. Wrap your elements in one div and float each element left. This will align all your elements, even pesky block elements like divs.

Sometimes this simple fix can be just what you need. Imagine my surprise, after spending time trying to fix a page across multiple browsers, when I floated all the elements in question and it immediately started working.

Comments

Be the first to leave a comment on this post.

To leave a comment, please log in / sign up

Archive

RSS Feed

services overview

from the blog

Tips for Successful Email Campaigns

As you probably know, email recipients have become more and more sensitive to spam. When a recipient marks you as “spam” the major ISPs like gmail, yahoo, aol, comcast, msn, outlook and others will get notified and if they g...

on Jan 24, 2019 / 0 comments

Mosida Meats - Local Beef Delivery for Utah

We recently launched a new website for the Mosida Meats company. The farm in Elberta, Utah started primarily in dairy (milk - mmm good) and is now offering local delivery of their Grass Fed - Corn Finished beef. I was able to...

on Jul 31, 2018 / 0 comments