How to horizontally center a div in another div ?

<div id="outer"> <div id="inner">Foo foo</div> </div>

Solution:

#inner { width: 50%; margin: 0 auto; }