<div class="vertical-mode">
<p>СЕРВИСЫ</p>
</div>
.vertical-mode {
box-sizing:border-box;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
position:relative;
transform: rotate(-180deg);
padding: 90px 5px 15px;
background: #eee;
display: flex;
align-items: center;
}
.vertical-mode:before {
content:'';
width: 2px;
height: 40px;
background: #000;
position:absolute;
top: 10%;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.