HTML table with mixed rowspan - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table Row

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

Description

HTML table with mixed rowspan

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head></head> 
 <body translate="no"> 
  <style>
table {<!-- ww  w .j av a2 s  .  c  om-->
   border-collapse:collapse;
}

td {
   border:2px solid Chartreuse;
   padding:2em;
   vertical-align:top;
}
</style> 
  <h1>Lorem ips</h1> 
  <table> 
   <tbody> 
    <tr> 
     <td rowspan="3">Lo</td> 
     <td>Lo</td> 
     <td rowspan="2">Lo</td> 
    </tr> 
    <tr> 
     <td rowspan="2">Lo</td> 
    </tr> 
    <tr> 
     <td>Lo</td> 
    </tr> 
   </tbody> 
  </table> 
  <h2>Lorem ipsum</h2> 
  <table> 
   <tbody> 
    <tr> 
     <td rowspan="3">Lo</td> 
     <td>Lo</td> 
     <td rowspan="2">Lo</td> 
    </tr> 
    <tr> 
     <td rowspan="2" style="height:65px">Lo</td> 
    </tr> 
    <tr> 
     <td>Lo</td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>

Related Tutorials