title: How to make two divs appear side by side using CSS not tables?
body: <p>How can I make two div appear side by side? I want the first div appear on left, and second to appear right beside that.</p>
  
  <pre><code>&lt;div class="first"&gt;first&lt;/div&gt;
  &lt;div class="second"&gt;second&lt;/div&gt;
  </code></pre>
  
  <p>What I want:</p>
  
  <blockquote>
    <p>first &nbsp; second</p>
  </blockquote>
  
  <p>What I get:</p>
  
  <blockquote>
    <p>first<br>
     <br>
     second</p>
  </blockquote>
  
  <p>Workaround with tables:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;first&lt;/td&gt;
          &lt;td&gt;second&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>How to make two divs behave like these two table cells?</p>