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.