title: Line height and background color (Span vs Div)
body: <p>Its like few days pass and again when I try to recall what I read about <code>line-height</code> is something misleading what I am seeing</p>
  
  <pre><code>&lt;span&gt;Color me&lt;/span&gt;
  
  span {
      line-height: 52px;
      background: red;
      font-size: 14px;
  }
  </code></pre>
  
  <p>Why it does not color complete box (i.e complete <code>line-height</code>)?</p>
  
  <p>But When I do the same with <code>div</code> it colors as required. </p>
  
  <pre><code>&lt;div&gt;Color me&lt;/div&gt;
  
  div {
      line-height: 52px;
      background: red;
      font-size: 14px;
  }
  </code></pre>