title: How can i change background color of footer in CSS
body: <p>I create footer with footer tag <code>&lt;footer&gt;</code> , but my problem is I can't to change background color</p>
  
  <p>Here is a code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;footer class="site-footer"&gt;
  
  &lt;div id="footer1"&gt;&lt;p&gt;Copyright  2013 Domain Name - All Rights Reserved &lt;/p&gt;&lt;/div&gt;
  &lt;div id="footer2"&gt;&lt;p&gt; Template by OS Templates &lt;/p&gt;&lt;/div&gt;
  
  &lt;/footer&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.site-footer {
    background: orange;
  }
  
  
  #footer1{
  margin-left:2%;
  float:left;
  
  }
  #footer2{
  margin-right:2%;
  float:right;
  }
  </code></pre>