How can I horizontally center an element?

Asked 2008-09-22T12:27:57.510

5098

How can I horizontally center a <div> within another <div> using CSS?

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

html css alignment centering

Edit Report

1 Answer

118

It cannot be centered if you don't give it a width. Otherwise, it will take, by default, the whole horizontal space.

answered 2008-09-22T12:30:08.253