2 float columns aligned to top - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:2 Column

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

Description

2 float columns aligned to top

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
 </head> <!--  www.j  a  v  a2s.com-->
 <body> 
  <div style="overflow: hidden; width: 500px; margin: auto; border: 1px solid black;"> 
   <div style="float: left; margin-right: 20px; border: 1px solid black;"> 
    <b> <u>TEST</u> </b> 
   </div> 
   <div style="overflow: hidden;"> 
    <div style="float: left; border: 1px solid black;">
      test test test test test test test test test test test test test test test test 
      test test test test test test test test test test test test test test test test 
    </div> 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials