title: Background color not appearing in <div> content
body: <blockquote>
    <p>The background color is not appearing, I want to set the social media icons with some background color which covers the whole webpage width and a specific height.</p>
  </blockquote>
  
  <pre><code>    &lt;div class = "social-media"&gt;
          &lt;div class="middle"&gt;
              &lt;a class="btn" href="#"&gt;
                  &lt;i class="fab fa-facebook-f"&gt;&lt;/i&gt;
              &lt;/a&gt;
              &lt;a class="btn" href="#"&gt;
                  &lt;i class="fab fa-instagram"&gt;&lt;/i&gt;
              &lt;/a&gt;
              &lt;a class="btn" href="#"&gt;
                  &lt;i class="fab fa-linkedin-in"&gt;&lt;/i&gt;
              &lt;/a&gt;
              &lt;a class="btn" href="#"&gt;
                  &lt;i class="fab fa-twitter"&gt;&lt;/i&gt;
             &lt;/a&gt;
          &lt;/div&gt;
      &lt;/&gt;
  </code></pre>
  
  <blockquote>
    <p>CSS:</p>
  </blockquote>
  
  <pre><code>.social-media{
  background-color: black;
  position: absolute;
  height: 10%;
  }
  </code></pre>