title: Rendering of HTML in Firefox and Chrome
body: <pre><code>&lt;div style="float: left;
              height: 20%;
              width: 70%;"&lt;/div&gt;
  &lt;div style="float: right;
              height: 20%;
              width: 30%;"&gt;         &lt;/div&gt;
  </code></pre>
  
  <p>In Chrome the two divisions are in same line. But there is a small gap between the two divs. But in Firefox there is no gap. Why is this happening? Any solution for this?</p>