CSS News and Information

Center Multiple DIVs with CSS

Posted on 11 Jun 2010 by admin

At some point, you may have a situation where you want to center multiple elements on a single line in a fixed-width area. Centering a single element in a fixed area is easy. Just add margin: auto and a fixed width to the element you want to center, and the margins will force the element to center.

There really should be a similar simple way to center multiple elements evenly spaced. It would be nice if CSS had a property called “box-align” which you could set to “center” then the child elements would be centered evenly within their parent.

Read the complete story here.