make row span column content start at the top of the column with css and html - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Column Layout

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

Description

make row span column content start at the top of the column with css and html

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">

table, th, td {
   border: 1px solid ;
}
table tr:first-child th:nth-child(2){
   vertical-align: top;
}


      </style> 
 </head> <!--   w w w. j av a2 s .  c  o  m-->
 <body> 
  <table> 
   <tbody> 
    <tr> 
     <th>Numeros</th> 
     <th rowspan="3">Nueva columna</th> 
    </tr> 
    <tr> 
     <td>Uno</td> 
    </tr> 
    <tr> 
     <td>Dos</td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>

Related Tutorials