title: Why <div class="clear"></div> is used after multiple floating DIVS in a container DIV?
body: <p>I have encountered a <code>&lt;div class="clear"&gt;&lt;/div&gt;</code> at many places, but I am not aware why is it done? Can someone brief me on this, why it is used in css? This is the CSS:</p>
  
  <pre><code>div.clear {
      clear:both;
  }
  </code></pre>