title: Change <br> height using CSS
body: <p>I have seen a <a href="https://stackoverflow.com/questions/1409649/how-to-change-height-of-a-br">question</a> here about the same, but I can't get any of the answers to work (at least on Chrome).</p>
  <p>This question is only for <code>&lt;br&gt;</code>, I know plenty of other techniques to change the height but in this case <strong>I can't change the HTML</strong>.</p>
  <pre><code>bla&lt;BR&gt;&lt;BR&gt;bla&lt;BR&gt;bla&lt;BR&gt;&lt;BR&gt;bla
  </code></pre>
  <p>CSS:</p>
  <pre class="lang-css prettyprint-override"><code>br {
    display: block;
    margin-bottom: 2px;
    font-size:2px;
    line-height: 2px;
  }
  </code></pre>
  <p>Desired effect: smaller inter-line height.</p>
  <p>The only thing I can get to work is <code>display:none</code>, but then all line break are removed.</p>
  <p>Here's a <a href="http://jsfiddle.net/VNa7c/" rel="noreferrer">fiddle for it</a> using some of the techniques, but see that it renders the exact same as without any CSS.</p>