JSFiddle - React, Tailwind, and code Playground

HTML

<h1>ООО &laquo;Агросервис&raquo;</h1>
<nav>
    <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>
</nav>
<main>Мы являемся лидирующей компанией в нашей отрасли!Мы на голову обходим всех наших конкурентов. Динамика нашего роста не имеет ни границ, ни пределов. Сопротивление бесполезно.</main>

CSS

body {
   font-family: 'Trebuchet MS', sans-serif;
   padding: 10px;
}
nav ul, nav li {
    margin: 0;
    padding: 0;
    list-style: none;
}
nav li {
    margin-bottom: 10px;
}
h1 {
    font-weight: normal;
    margin: 0 0 10px 0;
    font-size: 150%;
    color: RGB(47, 63, 119);
}
nav {
    float: left;
    width: 200px;
}
main {
    margin-left: 210px;
}