underline
phone number

A creative, friendly web design company based in Chelmsford, Essex

back light

Fizz Blog

Equally Spaced Divs in Your Web Design

There are several simple ways of making sure your divs are separated and spaced equally horizontally across a page. If you use a static 960px width, then you can dimly float your (set width, say 450px) left or even left and right and add padding and margins to fine tune.

But what if you have a fully fluid web design or a semi-fluid (this site uses a maximum width of 1200px and a minimum of 960px depending on browser) or maybe simply more than 2 or 3 divs that you want to show next to each other like this?

equally spaced divs css html

Read the rest of this entry »

Share this..
Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInPin on PinterestEmail this to someoneShare on TumblrShare on StumbleUponShare on Reddit

Tags: , , , , , , , , , ,