JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">ООО "Агросервис"</div>
<div class="box">
<div class="menu">
    <ul>
        <li><a href="h.html">Главная</a></li>
        <li><a href="p.html">Продукты</a></li>
        <li><a href="a.html">О нас</a></li>
        <li><a href="c.html">Контакты</a></li>
    </ul>
</div>
<div class="content">Мы являемся лидирующей компанией в нашей отрасли!Мы на голову обходим всех наших конкурентов. Динамика нашего роста не имеет ни границ, ни пределов. Сопротивление бесполезно.</div>
</div>

CSS

body {
   font-family: 'Trebuchet MS', sans-serif;
   padding: 10px;
   /*border: 1px solid red;*/
}
ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header {
    margin-bottom: 10px;
    font-size: 150%;
    color: RGB(47, 63, 119);
    /*border: 1px solid green;*/
}
.box {
    /*border: 1px solid yellow;*/
    float: left;
}
.menu {
    float: left;
    width: 200px;
    /*border: 1px dotted blue;*/
}
.content {
    margin-left: 210px;
    /*border: 1px dotted LawnGreen;*/
}