Rotated Text

HTML

<table border=1>
<tr>
  <td class="letterP4">
    riga 1
  </td>
  <td class="letterP4"> 
    riga 2
  </td>
</tr>

<tr>
  <td>
    riga 1
  </td>
  <td> 
    riga 2
  </td>
</tr>
</table>

CSS

.letterP3 {    
  -webkit-transform: rotate(90deg); 
     -moz-transform: rotate(90deg); 
      -ms-transform: rotate(90deg); 
       -o-transform: rotate(90deg); 
          transform: rotate(90deg);
            color: #000;
            font-size: 22px;                
            height: 200px;
            width: 200px;
float: left;        
    vertical-align:top;    
}

.letterP4 {    
  -webkit-transform: rotate(-90deg); 
     -moz-transform: rotate(-90deg); 
      -ms-transform: rotate(-90deg); 
       -o-transform: rotate(-90deg); 
          transform: rotate(-90deg);
            color: #000;
            font-size: 22px;                
            height: 200px;
            width: 200px;
    float: left;