JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
  <h1>ООО &laquo;Агросервис&raquo;</h1>
</div>
<div class="container">
  <div class="sidebar">
    <nav>
      <ul>
        <li><a href="/">Главная</a></li>
        <li><a href="/products/">Продукты</a></li>
        <li><a href="/about/">О нас</a></li>
        <li><a href="/contacts/">Контакты</a></li>
      </ul>
    </nav>
  </div>

  <div class="content">
    <article>
      Мы являемся лидирующей компанией в нашей отрасли!
      Мы на голову обходим всех наших конкурентов.
      Динамика нашего роста не имеет ни границ, ни пределов.
      Сопротивление бесполезно.
    </article>
  </div>
</div>

CSS

body { font-family: "Trebuchet MS", sans-serif; }
h1 { color: #2f3f77; margin: 0; }
nav { width: 100px; }
nav > ul > li { list-style-type: none; }
nav > ul { margin-top: 0; padding-left: 0; }
#header { margin: 10px; }
.container { width: 350px; }
.sidebar { margin: 0 10px; float: left; }
.content { margin-left: 120px; }