Robust page layout when re-sizing - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Layout

  1. HOME
  2. HTML CSS
  3. CSS Layout
  4. Layout

Description

Robust page layout when re-sizing

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <style type="text/css">
#left {
   border:2px solid Chartreuse;
   width:41%;
   height:auto;
   float:left;
}

#right {
   border:2px solid yellow;
   width:41%;
   height:auto;
   float:left;
}
</style> <!-- w  w  w  . j  a  v  a2  s. c o  m-->
 </head> 
 <body> 
  <div id="left"> 
   <h1>Lorem ip</h1> 
   <h1>Lorem ip</h1> 
   <h1>Lorem ip</h1> 
   <h1>Lorem ip</h1> 
  </div> 
  <div id="right"> 
   <h1>Lorem ip</h1> 
   <h1>Lorem ip</h1> 
   <h1>Lorem ip</h1> 
   <h1>Lorem ip</h1> 
  </div>  
 </body>
</html>

Related Tutorials