title: HTML child wider than parent container
body: <p>There is an outer div, and an inner div element. Sometimes I see that the inner div is wider than the outer div.</p>
  
  <p>When does this happen? And how to overcome this issue?</p>
  
  <pre><code>&lt;div id="outer"&gt;
    &lt;div id="inner"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>