Merhabalar. HTML kodlamayla oluşturduğum bir tablodaki bir hücrede bulunan metnin 90 derece dikey olmasını istiyorum. İnternette şu kodu buldum:

.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

Kod işe yarıyor metni döndürüyor ancak sorun şu ki metin olduğu yerde dönüyor.

Yani metin dışarı taşıyor, bulunduğu hücrenin yüksekliğini uzatmıyor. Bu sorunu nasıl aşabiliriz?