title: CSS styling not applying to <head>
body: <p>I have some CSS code that'll apply a background to the body tag but I won't apply the styling.</p>
  
  <p>I have tried removing the background color and the heading tags within the <code>&lt;head&gt; &lt;/head&gt;</code> tags, and nothing has happened</p>
  
  <pre><code>&lt;head&gt;
     &lt;h1&gt;My Website&lt;/h1&gt;
  &lt;/head&gt;
  &lt;style&gt;
     head {
        height: 50px;
        width: 100%;
        top: 0px;
        left: 0px;
        background: #565656;
     }
  &lt;/style&gt;
  </code></pre>
  
  <p>I expected a gray top bar with the heading in it, but instead, it has ignored the heading CSS styling. This is what the website looks like: <a href="https://cdn.discordapp.com/attachments/590377399489789984/600891092287750144/Screenshot_from_2019-07-16_23-25-52.png" rel="nofollow noreferrer">https://cdn.discordapp.com/attachments/590377399489789984/600891092287750144/Screenshot_from_2019-07-16_23-25-52.png</a></p>