title: Adding Vertical Space between Line Breaks
body: <p>This seems like a common CSS question, but for some reason I cannot find the answer to it.</p>
  
  <p>consider the following Code:</p>
  
  <pre><code>&lt;div style="width:50px;border:1px solid #000"&gt;
      THis is a looooooooong text. and it goes on and on and on and on and on and on and on and on and on and on
      &lt;br/&gt;
      2nd line
      &lt;br/&gt;
      3rd line 3rd line 3rd line 3rd line 3rd line 3rd line 3rd line 
      &lt;br/&gt;
      last line
  &lt;/div&gt;
  </code></pre>
  
  <p>With <strong>CSS ONLY</strong> I want to add vertical space between the <code>&lt;br/&gt;</code> tags. </p>
  
  <p>line-height works for the entire content, and attaching CSS to <code>&lt;br&gt;</code> (i.e: br{ margin:10px 0}), doesn't seem to work either (in Chrome at least), so I am wondering if this is even possible.</p>
  
  <p>Thank you.</p>
  
  <p><a href="http://jsfiddle.net/CCUsK/2/" rel="nofollow">jsfiddle</a></p>
  
  <p>​</p>