title: How to hide/remove a DIV when empty
body: <p>I have some server side HTML output I cannot deal with using pure CSS, essentially the DIV sometimes holds:</p>
  
  <pre><code>&lt;div&gt;&lt;span&gt;Content&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>or</p>
  
  <pre><code>&lt;div&gt;&lt;p&gt;Content&lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>or </p>
  
  <pre><code>&lt;div&gt;Content&lt;/div&gt;
  </code></pre>
  
  <p>or </p>
  
  <pre><code>&lt;div&gt; &lt;/div&gt;
  </code></pre>
  
  <p>When the DIV == <code>&lt;div&gt; &lt;/div&gt;</code> I want to remove it.</p>
  
  <p>Any ideas?</p>