CSS Vertical Text

There were plenty of great ideas to create Vertical Text with CSS.

<br/> tags after each character, Static Wrapping, use javascript or apply width to the container..etc

But a new idea which is best among them are css3 rotation.
-webkit-transform: rotate(-90deg);

-moz-transform: rotate(-90deg);

.css-vertical-text {
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
}
For Ie : 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
Opera has -o-transform support in 10.50
Share this nice post:

2 thoughts on “CSS Vertical Text

  1. Can I simply say what a aid to seek out someone who actually is aware of what theyre talking about on the internet. You definitely know the best way to bring an issue to gentle and make it important. More folks must read this and perceive this aspect of the story. I cant believe youre no more popular since you positively have the gift.

Leave a Reply

Your email address will not be published. Required fields are marked *