Texto na vertical (90 graus) CSS

[Gabrielll 0]

Eu vi muitos pedidos de como por o texto na vertical.

Então é assim.

 

<style type="text/css" >
.textoVertical {
writing-mode:tb-rl;
-webkit-transform:rotate(270deg); //tente 90 no lugar de 270
-moz-transform:rotate(270deg);
-o-transform: rotate(270deg);
white-space:nowrap;
display:block;
bottom:0;
width:20px;
height:20px;
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
text-shadow: 0px 0px 1px #333;
margin-top:50px;
}
</style>

 

Simples simples.

[Diéssica 140]

.textoVertical {
writing-mode:tb-rl;
-webkit-transform:rotate(270deg); //tente 90 no lugar de 270
-moz-transform:rotate(270deg);
-o-transform: rotate(270deg);
white-space:nowrap;
display:block;
bottom:0;
width:20px;
height:20px;
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
text-shadow: 0px 0px 1px #333;
margin-top:50px;
}

Na verdade o que faz o texto na vertical é só o transform rotate. Poderia ter postado só ele :)

 

:seta: http://css3generator.com/ > Transform

:seta: http://snook.ca/archives/html_and_css/css-text-rotation

[Gabrielll 0]

Na verdade o que faz o texto na vertical é só o transform rotate. Poderia ter postado só ele :)

 

:seta: http://css3generator.com/ > Transform

:seta: http://snook.ca/archives/html_and_css/css-text-rotation

 

Sim, mas eu achei legal dar uma carinha pro texto, de qualquer forma, obrigado pela dica.