title: CSS Line Height, not working?
body: <p>Trying to get a result that will outline the well .outline class, but its much too closely spaced together, and when I try and using the following code in my .intro class.</p>
  
  <pre><code>.intro {
      /** Text Formatting **/
      text-align: center;
  
      /** Line Spacing **/
      line-height: 3em;
  }
  </code></pre>
  
  <p>The result I get is still the same as I would have if I wasn't using the line-height.</p>
  
  <p><img src="https://i.gyazo.com/dd7cba3507edca148c728c4cc0bed953.png" alt="enter image description here"></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="intro"&gt; &lt;h4&gt; In my &lt;span class="outline"&gt;corner&lt;/span&gt; of the internet I make messes that some how turn into code. Don't ask me &lt;span class="outline"&gt;how&lt;/span&gt;, don't ask me &lt;span class="outline"&gt;corner&lt;/span&gt;, but things just look good and work well.&lt;/h4&gt; &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.outline {
       /** Styling **/
       background: #ff00f6;
       color: #FFF;
  
       /** Margin &amp; Padding **/
       margin: 3px;
       padding: 6px 8px;
  }
  </code></pre>