How to horizontally center Multiple Divs in a Div using CSS?

CSS – Horizontally Center Multiple Divs

To horizontally center multiple inner divs (in a row) in outer div using CSS, follow these instructions.

• Set text-align attribute for outer div as center.
• Make sure the inner divs are inline blocks.

Example

background colors, width, height and margin are for demonstration purpose only. They are not part of the solution. We may modify these, or other properties as per requirement.

Conclusion

In this CSS Tutorial, we learned how to horizontally center multiple inner divs in an outer div using CSS.