Divs right most column pushed down on small screens - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Column Layout

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

Description

Divs right most column pushed down on small screens

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">

#parent {<!-- w  w w.j  av a 2  s . c  o  m-->
   width: 600px;
}
#parent > div {
   border: 1px solid #000;
   width: 198px;
}


      </style> 
 </head> 
 <body> 
  <div id="parent"> 
   <div style="float:left;">
     first float left 
   </div> 
   <div style="float:left;"> 
    <pre> second float left </pre> 
   </div> 
   <div style="float:left;">
     third float left 
   </div> 
  </div> 
  <div style="clear:left"></div>  
 </body>
</html>

Related Tutorials