JSFiddle - React, Tailwind, and code Playground

HTML

<h1>ООО Агросервис</h1>
              <ul class="menu">
          <li><a href="">Главная</a></li>
                  <li><a href="">Продукция</a></li>
                  <li><a href="">Контакты</a></li>
                  <li><a href="">О нас</a></li>
    </ul>
 <article>
     <p>something like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thissomething like thisv</p>
 </article>

CSS

body
        {margin:0;
        }
        h1 {
            font-size: 64px;
            font-family: Trebuchet MS;
            border:1px solid black;
            margin:10px;
            
        }

        .menu {margin:0 10px 0 10px;
            font-size:25px;
            padding:0px;
            width:200px;
            float:left;
            border:1px solid black;
        }
        .menu li {
            list-style-type:none;
        }
        atricle {
            font-family: Trebuchet MS;
            font-size:13px;
        }
        article p {
            width:230px;
            border:1px solid black;
            margin:0 10px 0 0;
            display:inline-block;
        }