title: Why My Css Code Is Not Working For My Html Header And Footer?
body: <p>Need Some Help...</p>
  
  <p>Stucked At Very Peek Moment, I Have To Complete This Work By Tomorrow But  My CSS Code Is Not Working For Header And Footer, Whereas The Same File Is Working For Other Things Like Font-Family, Font-Size, Body Background Color...</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>    body {
       font-family: Arial;
        font-size: 15px;
        line-height: 1.6em;
          background-color: linen;
      }
  
      .container {
       border: 2px solid black;
         width: 70%;
        margin: 20px auto;
       overflow: auto;
      }
  
      .Pull-Left {
       Float: Left;
      }
  
      .Pull-Right {
       Float: Right;
      }
  
      header {
       background-color: blue;
      }
  
      footer {
       background-color: blue;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt;
      &lt;title&gt;ABCD&lt;/title&gt;
      &lt;link rel="stylesheet" href="CSS/style.css" type="text/css"&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;div class="container"&gt;
      &lt;header&gt;
   &lt;div class="Pull-Left"&gt;This Is The Main Title&lt;/div&gt;
   &lt;div class="Pull-Right"&gt;***Some Text***&lt;/div&gt;
   &lt;/header&gt;
  
     &lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;
     &lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;
     &lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;&lt;/br&gt;
  
      &lt;footer&gt;
   &lt;div  class="Pull-Left"&gt;This Is The Footer&lt;/div&gt;
      &lt;/footer&gt;
   
      &lt;/div&gt;&lt;!--Container--&gt;
   
      &lt;/body&gt;
      &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>