title: How to center horizontally div inside parent div
body: <p>How do I center a <code>div</code> horizontally inside its parent <code>div</code> with <code>CSS</code>?</p>
  
  <pre><code>&lt;div id='parent' style='width: 100%;'&gt;
   &lt;div id='child' style='width: 50px; height: 100px;'&gt;Text&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>