Using colspan and rowspan in same cell in table - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table Cell

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

Description

Using colspan and rowspan in same cell in table

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">
#r1c1 {<!-- www.  ja  v  a2s .  c  om-->
   border:none !important;
}

#r2c2 {
   border:none !important;
}
</style> 
 </head> 
 <body> 
  <table border="2"> 
   <caption style="border: 1px dotted;">
     Lorem ips 
   </caption> 
   <tbody> 
    <tr> 
     <td id="r1c1" colspan="2">Lorem ipsum</td> 
    </tr> 
    <tr> 
     <td>Lore</td> 
     <td id="r2c2" rowspan="2">Lore</td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>

Related Tutorials