JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mars">
  <div class="paket">Поворот N<sup>o</sup>1
  </div>
  </div>

CSS

.mars {
  
  width: 950px;
  height:276px;
  background-color: #ffffff;
  margin: 0 auto;
}

.paket {
  margin-top:10px;
  1width:5%;
  height:100%;
  background-color: #ffffff;
  -webkit-transform: rotate(180deg); 
  -moz-transform: rotate(180deg); 
  font-size:40px;
  text-align: center;
  display: inline-block;
  font-family: "Merriweather", Arial, Tahoma, sans-serif;
  color: #d73b2c;
  font-weight: bold;
  writing-mode:vertical-lr;
}

sup{
  display:inline-block;
  border-left:2px solid #d73b2c;
  font-size:26px;
  line-height:0.9;
 
}