CodeRepublics Lab - CodeRepublics

<!DOCTYPE html>
<html lang="en">
<head>
  <title> CSS 3 layout </title> 
  <meta charset="UTF-8">
</head>  
<style>
body{
	margin-top:15px;
  }
ul li{
  margin:5px; 
   }
li a {
	color: blueviolet;
   }   
table{
  font:12px verdana, sans-serif; 
  width:80%;
   margin:0 auto;
}   
#in{
	background-color:#f0f0f0; 
	width:80%; 
	vertical-align:top;
}
#footer{
	background-color:#73b767;
}
#header{
	background-color:#73b767;
}
#body-height{
	height: 200px;
}
#sidebar{
	background-color:lightgreen; 
	width:20%; 
	vertical-align:top;
}
#p{
	text-align:center; 
	margin:5px;
}
</style>
<body>
  <table cellpadding="10px;" cellspacing="0">
   <tr>
    <td colspan="2" id="header">
     <h1>Coderepublics</h1>
    </td>
   </tr>
   <tr id="body-height">
    <td id="sidebar">
     <ul style="list-style:none; padding:0px; margin:0px;">
      <li><a href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Feedback</a></li>                    
     </ul>
    </td>
    <td id="in">
     <h2>Welcome to our site</h2>
      <p>Hello World!</p>
    </td>
   </tr>
   <tr>
    <td colspan="2" id="footer">
     <p style="text-align:center; margin:5px;">copyright © Coderepublics</p>
    </td>
   </tr>
  </table>
</body>
</html>