How to horizontally center a <div>?

Question

How can I horizontally center a `

` within another `

` using CSS?

Foo foo

Answer 1

Try setting the following styles on your div:

max-width:300px; /* or width:300px; */

margin:0 auto;

This should center it within its parent.