Example06




CSS :


#menu
 {
  width: 100px;
  float: left;
  margin: 0px 5px;
  border: 1px #CCC solid;
 }

#page
 {
  width: 600px;
  float: left;
  margin: 0px 5px;
  border: 1px #CCC dashed;
 }

HTML :


<body>
 <div id="menu" >
  <ul>
  Menu
  <li> &lt; Page 1</li>
  <li> &lt; Page 2</li>
 </ul>
</div>
<div id="page">
 <p>Lorem Ipsus</p>
 </div>
</body>


Retour au tutorial "positionnement float"