Я пытаюсь создать верхний текст, который будет выглядеть примерно так:
T
E
X
T
H
E
R
E
Однако мой код производит правильный эффект, но не совсем правильно говорит, поскольку выводит его вот так
E
R
E
H
T
X
E
T
Вот мой CSS, как мне сделать так, чтобы показы были в качестве первого примера, а не второго?
.accordion li > h2 {
color: black;
font-weight: normal;
margin: 0;
z-index: 2;
position: absolute;
top: 0; left: 0;
-webkit-transform: translateX(-100%) rotate(-90deg);
-webkit-transform-origin: right top;
-moz-transform: translateX(-100%) rotate(-90deg);
-moz-transform-origin: right top;
-o-transform: translateX(-100%) rotate(-90deg);
-o-transform-origin: right top;
-ms-transform: translateX(-100%) rotate(-90deg);
-ms-transform-origin: right top;
transform: translateX(-100%) rotate(-90deg);
transform-origin: right top;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}