Как создать вертикальное меню с вертикальным шрифтом? - PullRequest
Новая
       19

Как создать вертикальное меню с вертикальным шрифтом?

2 голосов
/ 16 марта 2019

  • я пытаюсь создать вертикальное меню, показанное как на картинке, но, как вы можете видеть в шрифте дизайна, также в вертикальном положении, как это можно сделать?

    1. я хочу создатьвертикальное меню с использованием ul li, с одним вертикальным шрифтом
    2. я пытаюсь повернуть тег li, но не установлен
    3. также хочу сделать это меню отзывчивым

i want to create like this type of menu

1 Ответ

0 голосов
/ 16 марта 2019 
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>

</style>
</head>
<body>


<ul style="list-style-type:none;">
    <li><span style="writing-mode: vertical-rl;">abcd</span></li>
    <li><span style="writing-mode: vertical-rl;">abcd</span></li>
    <li><span style="writing-mode: vertical-rl;">abcd</span></li>
    <li><span style="writing-mode: vertical-rl;">abcd</span></li>
</ul>


</body>
</html>

Попробуйте и ответьте с помощью медиа-запроса

проверьте также https://developer.mozilla.org/en-US/docs/Web/CSS/text-orientation

...