title: How to put 3 elements in one row in a parent div?
body: <p>I have put 3 div elements in another div element like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="mom"&gt;
      &lt;div class="baby"&gt;&lt;/div&gt;
      &lt;div class="baby"&gt;&lt;/div&gt;
      &lt;div class="baby"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When resize my browser so the parent's width changes, something happens: "3 element near together."</p>
  
  <p>I can not set margin left and right auto.</p>