Wednesday 17 October 2012

Align Text in vertical using css

<html>
<head>
<title>
</title>
<style type="text/css" >
.Vertical
{
 
webkit-transform: rotate(-90deg);    
-moz-transform: rotate(-90deg);    
-o-transform: rotate(270deg);
writing-mode: tb-rl;
filter: fliph() flipv();    
font-weight:bold;    
font-family:Verdana;    
font-size:12px;

}
</style>
</head>
<body>
<table border="1" >
<tr>
<td class="Vertical">
English
</td>
<td class="Vertical">
Tamil
</td>
<td class="Vertical">
Maths
</td>
<td class="Vertical">
Science
</td>
<td class="Vertical">
social
</td>
</tr>
<tr>
<td >
95
</td>
<td >
85
</td>
<td >
64
</td>
<td >
88
</td>
<td >
76
</td>
</tr>
</table>
</body>
</html>

No comments:

Post a Comment