title: HTML DIV inline
body: <p>So, I have 2 DIV elements in the same line. But when I put content on the second one, the first one goes down. Here's the code and it's result.</p>
  
  <p><a href="http://jsfiddle.net/uWkJZ/" rel="nofollow">jsfiddle</a></p>
  
  <pre><code>&lt;div style="margin-top: 5px;"&gt;&lt;/div&gt;
  &lt;div style="display: inline-block; width:250px; height:180px; background-color:#fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);"&gt;
      &lt;center&gt;
          &lt;div style="font-weight: bold; text-align: center; width: 250px; height: 50px; font-family: 'Droid Sans', sans-serif; color:#000; font-size:12px; border:0; height:100%; line-height: 30px;"&gt;Top 5 Números Ganhadores 1º -&lt;/div&gt;
      &lt;/center&gt;
  &lt;/div&gt;
  &lt;div style="display: inline-block; width:250px; height:180px; background-color:#fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);"&gt;
      &lt;center&gt;
          &lt;div style="font-weight: bold; text-align: center; width: 250px; height: 50px; font-family: 'Droid Sans', sans-serif; color:#000; font-size:12px; border:0; height:100%; line-height: 30px;"&gt;Top 5 Números Escolhidos
              &lt;p&gt;1º -&lt;/div&gt;
      &lt;/center&gt;
  &lt;/div&gt;
  </code></pre>