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).

This post was generated by an RSS Feed from Impressive Webs

You may also like to read:

• The Right Way to Add Custom List Markers to Unordered Lists
• What is Inline-Block?
• Optimizing Your Business Listing for Local Search Supremacy
• Amazing Icon Search Engine: FindIcons.com
• Choosing a Domain Name

(No Ratings Yet)

 Loading ...