title: how to place two div next to each other inside table td
body: <p>Below is my html &amp; css code. I need to place <code>div</code>s inside table's cell <code>td</code>. div "infoY" should display after "outerY" div.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;td&gt;
  &lt;div class="outerY"&gt; &lt;div class="yellow"&gt;&lt;/div&gt; &lt;div class="yellow"&gt;&lt;/div&gt; &lt;div class="yellow"&gt;&lt;/div&gt; &lt;div class="yellow" style="margin-right: 3px;"&gt;&lt;/div&gt; &lt;/div&gt;&lt;div class="infoY"&gt;&lt;/div&gt;&lt;/td&gt;</code></pre>
  </div>
  </div>
  </p>