title: Why <div class="clear"></div> instead of <div class="clear"/>?
body: <p>I just realized that:</p>
  
  <pre><code>&lt;div class="clear"/&gt;
  </code></pre>
  
  <p>after a series of floating divs causes layout havoc, while</p>
  
  <pre><code>&lt;div class="clear"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>works fine.</p>
  
  <p><strong>Can anyone explain this?</strong></p>
  
  <p>This is the CSS:</p>
  
  <pre><code>div.clear {
      clear:both;
  }
  </code></pre>