title: CSS to remove the spacing between the lines
body: <p>Is it possible to remove the spacing between the two center align text?</p>
  
  <p>HTML :</p>
  
  <pre><code>  &lt;div id="content2"&gt;
         &lt;p class="t1"&gt;Discover&lt;/p&gt;
         &lt;p class="t1"&gt;Discover&lt;/p&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>    #content2 {
          clear: both;
          overflow: auto;
      }
  
      .t1 {
        font-weight: bold;    
        font-size:60px;   
        color: black;
          text-align: center;
      }
  
  p {
      font-size : 30px;
      padding : 0;
      margin : 30px;
      line-height : 20px;
  }
  </code></pre>
  
  <p>Codepen : <a href="https://codepen.io/jayvicious/pen/owNJRr" rel="nofollow noreferrer">https://codepen.io/jayvicious/pen/owNJRr</a></p>
  
  <p>I'm also adapting from this thread : 
  <a href="https://stackoverflow.com/questions/18392584/remove-spacing-between-p">Remove spacing between &lt;p&gt;</a></p>
  
  <p>When I increase the line height , the spacing between the <code>content2</code> and <code>p</code> also increase.</p>
  
  <p>I'm looking for similar output to this :</p>
  
  <p><a href="https://i.stack.imgur.com/nxhuR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nxhuR.png" alt="enter image description here"></a></p>
  
  <p>Each time I increase the line height, it also affect the spacing of the first pharagraph <code>&lt;p&gt;</code> and the <code>content2</code></p>