HTML Вертикальный текст в таблице для начальной загрузки ⇐ CSS

[Anonymous]

Как сделать вертикальный текст на таблице с фиксированным и длинным текстом с помощью начальной загрузки?
У меня проблема с вертикальным текстом на таблице с помощью начальной загрузки.
Я хочу знать, почему мой код не работает и что это правильный метод заставить его работать.

Здесь моя таблица выглядит так:




Вот мой HTML-код:




 





VALIDASI



JUMLAH RECORD


NO.
PROGRAM STUDI
IDENTITAS MAHASISWA
%
MAHASISWA PT
%
KURIKULUM
%
NILAI
%
AKM
%
DAYA TAMPUNG
%
LAPORAN
MHS

KELAS

NILAI
AKM


 
 
%
A
C
N
KULIAH




и это CSS-код, который я использую

div.vertical
{
margin-left: -85px;
position: absolute;
width: auto;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg); /* Safari/Chrome */
-moz-transform: rotate(-90deg); /* Firefox */
-o-transform: rotate(-90deg); /* Opera */
-ms-transform: rotate(-90deg); /* IE 9 */
}

th.vertical
{
height: 150px;
line-height: 14px;
padding-bottom: 20px;
text-align: left;

}


Подробнее здесь: https://stackoverflow.com/questions/399 ... -bootstrap