Как делать такие элементы? (обвел красным) через
after
и before
? Или через абсолютное позиционирование? И не сломается ли это все при адаптиве?
1 ответ
Вы можете использовать обычный блок и повернуть текст с помощью css свойства writing-mode https://caniuse.com/css-writing-mode
Пример:
section {
font-family: 'Arial';
max-height: 200px;
margin: 10px;
border: 1px solid #000;
padding: 10px;
background-color: #464646;
}
.vertical-rl {
writing-mode: vertical-rl;
color: #fff;
font-weight: 900;
text-transform: uppercase;
}
body {
background-color: white;
}
<section class="vertical-rl">
<p>Вертикальный текст</p>
</section>
-
1