JSFiddle - React, Tailwind, and code Playground

HTML

<h1>ООО &laquo;АГРОСЕРВИС&raquo;</h1>
<nav>
  <ul>
    <li><a href=#>Главная</a></li>
    <li><a href=#>Продукты</a></li>
    <li><a href=#>О нас</a></li>
    <li><a href=#>Контакты</a></li>
  </ul>
</nav>
<article>
  Мы являемся лидирующей компанией в начей отрасли! Мы на голову обходим всех наших конкурентов. Динамика нашего роста не имеет ни границ, ни пределов. Сопротивление бесполезно. 
</article>

CSS

body {
  font-family: 'Trebuchet MS';
  border: solid 1px grey;
  width: 400px;
  height: 250px;
}

h1 {
  margin: 10px;
  color: #2F3F77;
}

nav {
  //width: 200px;
  margin: 0px 10px;
  padding: 0px 10px;
  float: left;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

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

li {
  margin: 5px 0px;
}

article {
  width: 230px;
  float: left;
}

article:after {
  content: "";
  display: table;
  clear: both;
}