title: CSS tricks - Get rid of the top and bottom spaces between the text and div border
body: <p>I have a text inside a div. All I want is to get rid of the top and bottom spaces between the text and div border. Could you please help me.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="text"&gt;APPLE&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#text {
  float:left;
  font-size:3em;
  color: black;
  }
  </code></pre>