title: Multi line text in table cell damaging the view
body: <p>I'm using following code to display data from database:</p>
  
  <pre><code> &lt;td&gt;&lt;' . nl2br($data-&gt;test-&gt;normal_value) . '&lt;/td&gt;
  </code></pre>
  
  <p>Data is in this form in database: </p>
  
  <pre><code>    "ABCDas : 1212
       ABCDas &lt; 1212121212
       ABCDas &gt; 12120000"
  </code></pre>
  
  <p>I want to display it in same way as in database, so I used nl2br.</p>
  
  <p>But the view gone damaged because I used </p>
  
  <pre><code>.testvaluetable tr{
          line-height: 1px;
      }
  </code></pre>
  
  <p>following is the screenshot:</p>
  
  <p><a href="https://i.stack.imgur.com/x6Avt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x6Avt.png" alt="enter image description here"></a></p>
  
  <p>If I remove line-height then display is ok but line height gone high. See following image:</p>
  
  <p><a href="https://i.stack.imgur.com/1r2fJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1r2fJ.png" alt="enter image description here"></a></p>
  
  <p>I want small gap between two rows.</p>