CSS – Text pe verticala

Cum sa scriem textul pe verticala fara ca sa folosim imagini:

 

Text

apelam la CSS…


<p class=”vtext”>Textul pe verticala</p>

p.vtext  {
	color:#333;
	border:0px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:20px;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-shadow: 0px 0px 1px #333;
}

Leave a Reply

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