title: css - Why is there a big white space between text lines?
body: <p>I'm working on a website and currently working on the middle box.
  The news will be in the middle box but its a big white space between the text lines.</p>
  
  <p>It looks like this:
  <img src="https://i.stack.imgur.com/rPT6U.png" alt="enter image description here"></p>
  
  <p>How could I make the lines to be closer to each other.</p>
  
  <p>For example:</p>
  
  <p><strong>Hello World!<br/>
  This is a test</strong></p>
  
  <p>instead of</p>
  
  <p><strong>Hello World!<br/><br/>
  This is a test</strong></p>
  
  <p>I'm using <code>&lt; p &gt;</code> tags.</p>
  
  <p>I can't find anything that would fix it.
  There's no padding that will effect it and no margin or something either.
  I've also tried applying the line-height to the <code>&lt;p&gt;</code> tags</p>