title: CSS/HTML How to put two blocks next to each other
body: <p>I wanna know how I could put these two blocks next to eachother, "News" and "Popular Projects", <a href="http://jsfiddle.net/2cQr9/" rel="nofollow">http://jsfiddle.net/2cQr9/</a> I tried several times but it didn't work out.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="topMsg"&gt;
      &lt;h2&gt; News&lt;/h2&gt;
      &lt;a&gt;lorem&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="popMsg"&gt;
      &lt;h2&gt;Popular Projects&lt;/h2&gt;
      &lt;h3&gt;Skin Selector&lt;/h3&gt;
      &lt;a&gt; Elorem ipsumlorem ipsumlorem ipsumlorem ipsumlorem ipsum&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>body{
      background-color:#000;  
  }
  
  a{
      text-decoration:none;
  }
  
  
  
  .topMsg{
  
      width:400px;
      margin:100px 50px;
      text-align:justify
  }
  
  .topMsg a,.popMsg a{
      color:#FFF; 
      font-family:Arial, Helvetica, sans-serif;
  }
  
  .topMsg h2, .popMsg h2{
      color:#069;
      font-size:32px;
  }
  
  .popMsg{
      width:250px;
      margin:100px 50px;
      text-align:justify;
  }
  
  .popMsg h3{
      color:#028;
  }
  </code></pre>