网站布局测试 | 码农工具

​x
 
<!doctype:html>
<html>
  <head>
    <meta charset="utf-8">
    <title>test</title>
  </head>
  <body>
    <div style="width:300PX">
      <div id="header" style="background-color:gray">
        <h1 style="color:#ffffff; font-size:18px;margin-bottom:0">this is the header</h1>
      </div>
      <div id="menu" style="background-color:#FFD700;  height:100px; width:20%; float:left">
        <b>menu1<br \>menu2<br \>menu3</b>
      </div>
      <div id="content" style="background-cOLOR:#FFD7FF;  height:100px;width:80%; float:left">
        <p>
          this is the contents
        </p>
      </div>
      <div id="copyright" style="background-color:gray;width:100%">
       <p>
         code by zeeedo
        </p> 
      </div>
    </div>
  </body>
</html>
HTML