Center Multiple DIVs with CSS

At some point, you may have a situation where you want to center multiple elements maybe <div> elements, or other block 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. Well, you can achieve something similar by taking advantage of CSS’s flexibity with “recasting” elements for lack of a better term…

Leave a Reply

Your email address will not be published. Required fields are marked *