JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu">
      <ul class="ul-menu">
        <li>Главная</li>
        <li>Продукты</li>
        <li>О нас</li>
        <li>Контакты</li>
      </ul>
    </div>
    <div class="article">
      <p>Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel
      illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
      dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te
      feugat nulla facilisi.</p>
      <p>Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel
      illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
      dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te
      feugat nulla facilisi.</p>
      <p>Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel
      illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
      dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te
      feugat nulla facilisi.</p>
      <p>Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel
      illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
      dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te
      feugat nulla facilisi.</p>
    </div>

CSS

.menu {
    float: left;
    c
  }

  .article {
    float: right;
    width: 80%;
  }