bookmark

Center Multiple DIVs with CSS | Impressive Webs


Description

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

Preview

Tags

Users

  • @dbenz

Comments and Reviews