JSFiddle - React, Tailwind, and code Playground

HTML

<div class="simple">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae adipisci omnis magnam alias cupiditate eum debitis blanditiis, quisquam. Nobis illum recusandae odit distinctio, consectetur sapiente, aliquid necessitatibus nesciunt dicta debitis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus provident eos pariatur autem quam quidem mollitia, est quisquam eaque cumque aliquam nesciunt dolores fugiat atque animi reiciendis. Perferendis, saepe, nam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit dicta qui, corporis totam nesciunt esse possimus quibusdam nobis ducimus, accusantium ut consequuntur maiores dolores nulla dolore ea quam id eius. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt quidem eos, vel, et dolore natus aliquam officiis aperiam repellat. Odit cupiditate soluta, delectus eius error consequatur, magni dolore obcaecati distinctio.</p>
</div>

CSS

.simple {
  position: relative;
  margin-left: 50px;
}

.simple::before {
  content: '';
  position: absolute;
  background: #000;
  top: 0; left: -50px; bottom: 0;
  width: 40px;
}
.simple::after {
  content: 'Всё просто';
  position: absolute;
  transform: rotate(-90deg);
  color: #fff;
  left: -70px; top: 50%;
}