title: how do you add footer? like all right's reserved for a CSS design?
body: <p>i'm new learning CSS just today, i can't move on, i don't know how to add a footer, like all rights reserved?
  I have done below code so far, i tried inserting it before end of div tags but i can't seem to insert a footer? I'm lost please help me in the right direction. Thanks in advance.</p>
  
  <p>here's what i've done so far:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Cascading Menus&lt;/title&gt;
  
  &lt;!-- Internal Style --&gt;
  &lt;style&gt;
  *
  {
  margin: 0px;    
  }
  
  #table
  {
      font-size:100%;
      height: 100%;
      width: 100%;
  background: #aac6e9;
  border: 3px solid red;
  color:#396;
  
  }
  
  #spaceheader
  {
      width: 100%;
      height: 5%;
      background: #aac6e9;
  }
  
  
  
  
  .tabs {
    position: relative;   
    min-height: 80%; /* adjust height of the body */
    min-width: 80%;
    clear: both;
    margin: 30px 50px 100px 50px;  /* top, right, bottom, left */
    background: #aac6e9;
  
  }
  
  .tab  
  {
    float: left; /* this is responsible for tabs to align left */
  
  }
  .tab label {
    background: #eee; 
    padding: 10px 40px; /* menu bar item height width */
    border: 1px solid #ccc; 
    margin-left: -1px; 
    position: relative;
    left: 1px; 
    top: -29px;
    -   webkit-transition: background-color .17s linear;
      }
      .tab [type=radio] {
        display: none;   
      }
      .content {
        position: absolute;
        top: -1px;
        left: 0;
    background: white;
    right: 0;
    bottom: 0;
    padding: 20px;
    border: 1px solid #ccc; 
    -webkit-transition: opacity .6s linear;
     opacity: 0;
  }
  [type=radio]:checked ~ label {
    background: white;
    border-bottom: 1px solid white;
     z-index: 2;
  }
  [type=radio]:checked ~ label ~ .content {
     z-index: 1;
    opacity: 1;
  }
  
  
  
  
  
      &lt;/style&gt;
  
  &lt;/head&gt;
  &lt;body&gt; 
  &lt;h1&gt; &lt;/h1&gt;
  
  &lt;div id="table"&gt;
  &lt;div id="spaceheader"&gt;
  &lt;/div&gt;
  
  
  &lt;div class="tabs"&gt;
  
  
     &lt;div class="tab"&gt;
     &lt;input type="radio" id="tab-1" name="tab-group-1" checked&gt;
     &lt;label for="tab-1"&gt;Home&lt;/label&gt;
  
     &lt;div class="content"&gt;
         &lt;p&gt;Stuff for Tab One&lt;/p&gt;
     &lt;/div&gt; 
     &lt;/div&gt;
  
     &lt;div class="tab"&gt;
         &lt;input type="radio" id="tab-2" name="tab-group-1"&gt;
         &lt;label for="tab-2"&gt;About Us&lt;/label&gt;
  
         &lt;div class="content"&gt;
             &lt;p&gt;Stuff for Tab Two&lt;/p&gt;
  
             &lt;img src="http://placekitten.com/200/100"&gt;
         &lt;/div&gt; 
     &lt;/div&gt;
  
      &lt;div class="tab"&gt;
         &lt;input type="radio" id="tab-3" name="tab-group-1"&gt;
         &lt;label for="tab-3"&gt;Gallery&lt;/label&gt;
  
         &lt;div class="content"&gt;
              &lt;p&gt;Stuff for Tab Three&lt;/p&gt;
  
                 &lt;img src="http://placedog.com/200/100"&gt;
         &lt;/div&gt; 
     &lt;/div&gt;
  
     &lt;div class="tab"&gt;
         &lt;input type="radio" id="tab-4" name="tab-group-1"&gt;
         &lt;label for="tab-4"&gt;Forum&lt;/label&gt;
  
         &lt;div class="content"&gt;
             &lt;p&gt;Stuff for Tab Four&lt;/p&gt;
  
             &lt;img src="http://placedog.com/200/100"&gt;
         &lt;/div&gt; 
     &lt;/div&gt;
  
     &lt;div class="tab"&gt;
         &lt;input type="radio" id="tab-5" name="tab-group-1"&gt;
         &lt;label for="tab-5"&gt;Sign up&lt;/label&gt;
  
         &lt;div class="content"&gt;
             &lt;p&gt;Stuff for Tab Three&lt;/p&gt;
  
             &lt;img src="http://placedog.com/200/100"&gt;
         &lt;/div&gt; 
  
      &lt;/div&gt;
  
  &lt;/div&gt; &lt;!--*end of table tag --&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>