Vertical Text using CSS | CSS Vertical Text | Display Text in Vertical using CSS | CSS Text Rotation

<p class="txt_vertical">Vertical Text By CSS</p>

CSS :
p.txt_vertical  {
   -webkit-transform:rotate(90deg); 
/* Safari */
   -moz-transform:rotate(90deg);  /* Firefox */
   -o-transform: rotate(90deg); /* Opera */
   -ms-transform: rotate(-90deg); /* IE */   
   white-space:nowrap;
   width:20px;
   height:20px;
   color:#000000;
   font-size:20px;
   font-weight:normal;
   font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
   text-shadow: 0px 0px 1px #ccc;}
It's work in almost all Browser include IE 7.0 and its latest version.
for older version of IE browser we have to use IE filter :
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);  
/* Internet Explorer */ Where 0, 1, 2, 3 for 0, 90, 180, and 270 respectively.

Post a Comment

0 Comments