Keeping content in two table columns sticky to the roof of the respective table column - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table Column

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Table Column

Description

Keeping content in two table columns sticky to the roof of the respective table column

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <title>Lorem ipsum dolor sit am</title> 
 </head> <!--from w  w w.  j  a v  a  2s  .com-->
 <body> 
  <table> 
   <colgroup> 
    <col valign="bottom"> 
    <col> 
    <col valign="top"> 
   </colgroup> 
   <tbody> 
    <tr> 
     <td>Lorem ipsum dolor</td> 
     <td>Lorem ipsum <br>Lorem ipsum<br> <p>Lore</p> </td> 
     <td>Lorem ipsum do</td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>

Related Tutorials