title: html line height issue; <br> vs CSS line-height
body: <p>I know there are a lot of "similar" issues here on stackoverflow, but none to answer my dilemma.<br>
  The code is like this:</p>
  
  <pre><code>------------CSS--------------
  pre{
      white-space : pre-wrap;
      line-height:75%;
  }
  
  -----------HTML--------------
  &lt;pre&gt;Some text&lt;br&gt;
       second line of text&lt;br&gt;
       third line&lt;br&gt;
       some longer text that will get wrapped on another line&lt;/pre&gt;
  </code></pre>
  
  <p>I got the text from a database, so I cannot use <code>li</code> or other things...but I must keep the formatting (space indentations, line breaks, everything as it was saved in DB). The problem is that <code>&lt;br&gt;</code> line break is taller than text-wrap line break (which takes its value from css). Any way to control both of them? As I understand, <code>&lt;br&gt;</code> inherits its height value... but I don't from where it inherits that. From the current text, from a parent, from a browser-default setting?</p>