title: How can I horizontally center an element?
body: <p>How can I horizontally center a <code>&lt;div&gt;</code> within another <code>&lt;div&gt;</code> using CSS?</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div id=&quot;outer&quot;&gt;
    &lt;div id=&quot;inner&quot;&gt;Foo foo&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>