Я пытаюсь получить строку с каждой отдельной буквой, повернутой на 90 градусов; однако я хочу сохранить "поток" букв, идущих слева направо, а не вертикально. Я также хочу сохранить эту "зачеркнутую" горизонтальную зеленую линию (см. Изображения ниже).
Какой самый простой способ сделать это? Я предпочитаю использовать JavaScript и/или CSS.
С стилем -transform: rotate
CSS я получаю следующее:
<style type="text/css">
.rotate {
-webkit-transform: rotate(-90deg);
}
</style>
<body>
<div class="rotate">
<span style="color:#0C0; text-decoration:line-through;">
<span style="color:#000;">
A B C
</span></span></div>
Что бы я хотел получить, это что-то вроде этого, не прибегая к специальному шрифту.