JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<header><h2>ООО &#171;Агросервис&#187;</h2></header>
<div id="content">
  <div id="list">
    <ul>
      <li><a href="">Главная</a></li>
      <li><a href="">Продукты</a></li>
      <li><a href="">О нас</a></li>
      <li><a href="">Контакты</a></li>
    </ul>
  </div>
  <div id="articles">
  <article>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum aut, ex porro delectus laudantium, necessitatibus hic, culpa quae ducimus autem qui cum ut praesentium! Delectus illo, a aperiam ullam ipsum!
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam doloribus fugit voluptatum eveniet quas explicabo iure accusantium animi beatae sapiente, consequatur pariatur odio molestias in, quaerat qui, aut aliquam perspiciatis.
  </article></div>
</div>
</div>

CSS

body {
  font-family: "Trebuchet MS";
  background-color: #fff;
}

header h2 {
  margin: 10px;
  color: #34437A;
}

#content #list {
  float: left;
  width: 220px;
}

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

#content #list ul > li {
  padding: 5px 0;
}

#content #articles {
  margin-left: 220px;
  padding-bottom: 100px;
  padding-right: 10px;
}

#content #articles:after {
   content: ""; 
   clear: both;
}

#container {
  border: 1px solid #ccc;
}