0byt3m1n1

Path: /data/17/1/18/11/1670011/user/1801231/htdocs/customtanningbed_dot_com_bc/new/ [ Home ]
File: test.html
<div class="my_wrapper">
   <div class="my_header">
       Here is the Header
       <ul>
          <li class="my_nav_link">Contact Us</li>
          <li class="my_nav_link">About Us</li>
          <li class="my_nav_link">Home</li>
        </ul>
    </div> 
    <div class="my_left_box">
        Here is the left box
    </div>
    <div class="my_right_box">
        Here is the right box
    </div>
    <div class="my_footer">
       Here is the footer
    </div>
</div>

<!-- Here's the CSS code -->
<style type="text/css">
<!--

div.my_wrapper{
    width: 630px;
	background-color:#0099FF;
}

div.my_header{
    padding: 10px;
    width: 610px;
    height: 100px;
    overflow: hidden;
    border: 1px solid gray;
}

    li.my_nav_link{
       text-align: right;
       float: right;
       list-style: none;
       padding-left: 15px;
    }

div.my_left_box{
    float: left;
    padding: 10px;
    width: 290px;
	height:200px;
    border: 1px solid gray;
}

div.my_right_box{
    float: right;
    padding: 10px;
    width: 290px;
	height:500px;
    border: 1px solid gray;
}

div.my_footer{
    clear:both;
    padding: 10px;
    width: 610px;
    border: 1px solid gray;
}
</style>