RSS

Tag Archives: CSS

Vertical Text with CSS

You may looking for how to write vertical text with CSS. I was also looking for this some days before. After searching on google I found the solution how to make vertical text with CSS properties.

Vertical Text with CSS

Vertical Text with CSS

This is tested onĀ Opera 10.5, Firefox 10.0, IE8+ and Webkit based browsers (Safari, chrome etc), so that is pretty encompassing.

This is the HTML markup text

This is a vertical text.

Here is the CSS class property for vertical text with css

.vertical-text{
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-o-transform:rotate(90deg);
writing-mode:tb-rl;
white-space:nowrap;
width: 20px;
}

Line 1: For webkit browsers like Safari, Chrome etc.
Line 2: For Mozilla Firefox
Line 3: For Opera
Line 6: For IE
You need to definately specify the CSS white-space and width property to make the text vertical.

 
Leave a comment

Posted by on February 27, 2012 in Uncategorized

 

Tags: ,