JSFiddle - React, Tailwind, and code Playground

HTML

<body>
  <h1 class="header">ООО "Аргосервис"</h1>
  <div class="menu">
    <ul>
      <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>
</body>

CSS

body {
    font-family: "Trebuchet MS";
  }

  ul {
    list-style-type: none;
    padding: 0px;
  }

  .header{
    margin: 10px 0px 10px 10px;
    border: solid 2px;
  }

  .menu {
    font-size: 20px;
    border: solid 2px;
    width: 200px;
    margin: 0px 10px 0px 10px;
    float: left;
  }

  .article {
    border: solid 2px;
    width: 230px;
    float: left;
  }