<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%;  
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.