Ak hľadáte spôsob, ako nastaviť typ vertikálne, najlepšie bude pravdepodobne CSS writing-mode.
Ak sa pokúšate iba otočiť text, môžete otočiť celé prvky takto, čím sa otočí o 90 stupňov proti smeru hodinových ručičiek:
.rotate ( transform: rotate(-90deg); /* Legacy vendor prefixes that you probably don't need… */ /* 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); )Vlastnosť rotácie filtra BasicImage v programe Internet Explorer môže prijať jednu zo štyroch hodnôt: 0, 1, 2 alebo 3, ktoré otočia prvok o 0, 90, 180 alebo 270 stupňov.
Prečítajte si tiež tento blogový príspevok o bočných hlavičkách.
Prezrite si
záhlavie Pen Sideways Headers od Chrisa Coyiera (@chriscoyier)
na stránke CodePen.
Pozrite si
rotáciu hlavičky pera do strany, Graham Clark (@Cheesetoast)
na stránke CodePen.