JSFiddle - React, Tailwind, and code Playground

HTML

<header>
  <h1>ООО &laquo;Агросервис&raquo;</h1>
</header>
<aside>
  <ul>
    <li><a href="#home">Главная</a></li>
    <li><a href="#home">Продукты</a></li>
    <li><a href="#home">О нас</a></li>
    <li><a href="#home">Контакты</a></li>
  </ul>
</aside>
<article>
<p>Структура политической науки верифицирует феномен толпы. Капиталистическое мировое общество иллюстрирует прагматический марксизм. По мнению Бакунина, политическое манипулирование обретает гносеологический постиндустриализм. Информационно-технологическая революция существенно формирует экзистенциальный феномен толпы, что было отмечено П.Лазарсфельдом.</p>
</article>
<!--<footer>(c) Агро-софт</footer>-->

CSS

body {
  border: 1px solid gray; /* для удобства */
}
header {
  margin: 10px;
}
header h1 {
  color: #4B5989;
  margin: 0;
}
aside {
  float: left;
  width: 200px;
  margin: 0 10px 10px 10px;
}
aside ul {
  margin: 0;
  padding:0;
  list-style: none;
}
aside ul li {
  padding: 0 0 10px 0;
}
article {
  margin: 0 10px 10px 220px;
}
article p {
  margin-top: 0;
}
article::after { 
  content: "";
  clear: both; 
  display: block;
}
/*
footer {
  height: 30px;
  background-color: green;
}*/