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

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.


Posted by on February 27, 2012 in Uncategorized


Tags: ,