Как с css сделать такое?

Question

[KRHD]

Бургер не нужен

Answer 1

[svetlov97]

transform: rotate(-90deg);

Comments

[Rustam Bainazarov]

Такого значения у этого свойства нет. Оно отвечает за другое.

[svetlov97]

Рустам Байназаров, я не пойму что кму нужно. Перевернуть текст это transform, а стрелка ::after

[Владимир Проскурин]

Рустам Байназаров, так, я сломался. Вот же https://developer.mozilla.org/ru/docs/Web/CSS/tran... или вы про -90deg? Так это 270deg.

[svetlov97]

Владимир Проскурин, нет это -90deg. При 270deg тест бы был сверху вниз, а у него снизу вверх

[Rustam Bainazarov]

svetlov97, Владимир Проскурин, у автора ответа в тексте было раньше text-transform.

[Владимир Проскурин]

svetlov97, нет, почему?

https://jsfiddle.net/Vlad_IT/kpbgr7do/

Рустам Байназаров пардон, на тостере не видно, что ответ отредактирован.

[Rustam Bainazarov]

Владимир Проскурин, да нет, я понимаю, всё хорошо.

[svetlov97]

Владимир Проскурин, моя ошибка, но следуя таблице это одно и тоже. В таком случае в комментировании моего ответа нету смысла

[svetlov97]

Рустам Байназаров, отредактировал от того что по невнимательности допустил ошибку. Не бейте тока.

[Rustam Bainazarov]

svetlov97, абсолютно правильно сделали, я сам так делаю.

Answer 2

[Valeriu Vodnicear]

https://developer.mozilla.org/en-US/docs/Web/CSS/t...
transform: rotate(90deg)

Answer 3

[Шохрух Шаймардонов]

<div>
<p>Some Text</p>
</div>

div {
  display: inline-block;
  transform: rotate(-90deg);
}

div p {
  font-weight: bold;
}

Answer 4

[survivor2005]

Этот вопрос можно было бы прогуглить

Answer 5

[Roman Chuvilev]

Более многословно, но ИМХО
более структурно верно (посмотрите на поведение блоков).