JSFiddle - React, Tailwind, and code Playground
HTML
<div id="header">
<h1>OOO "Агросервис"</h1>
</div>
<div id="main">
<ul class="sidebar">
<li class="sidebar"><a href="">Главная страница с информацией</a></li>
<li class="sidebar"><a href="">Продукты</a></li>
<li class="sidebar"><a href="">О нас</a></li>
<li class="sidebar"><a href="">Контакты</a></li>
</ul>
<div id="content">
<p>Мы являемся лидирующей компанией в нашей отрасли! Мы на голову обходим всех наших конкурентов. Динамика нагего роста не имеет ни границ,
ни пределов. Сопротивление бесполезно.</p>
<p>Мы являемся лидирующей компанией в нашей отрасли! Мы на голову обходим всех наших конкурентов. Динамика нагего роста не имеет ни границ,
ни пределов. Сопротивление бесполезно.</p>
<p>Мы являемся лидирующей компанией в нашей отрасли! Мы на голову обходим всех наших конкурентов. Динамика нагего роста не имеет ни границ,
ни пределов. Сопротивление бесполезно.</p>
<p>Мы являемся лидирующей компанией в нашей отрасли! Мы на голову обходим всех наших конкурентов. Динамика нагего роста не имеет ни границ,
ни пределов. Сопротивление бесполезно.</p>
<p>Мы являемся лидирующей компанией в нашей отрасли! Мы на голову обходим всех наших конкурентов. Динамика нагего роста не имеет ни границ,
ни пределов. Сопротивление бесполезно.</p>
<p>Мы являемся лидирующей компанией в нашей отрасли! Мы на голову обходим всех наших конкурентов. Динамика нагего роста не имеет ни границ,
ни пределов. Сопротивление бесполезно.</p>
<p>Мы являемся лидирующей компанией в нашей отрасли! Мы на голову обходим всех наших конкурентов. Динамика нагего роста не имеет ни границ,
ни пределов. Сопротивление бесполезно.</p>
<p>Мы являемся лидирующей компанией в нашей отрасли! Мы на голову обходим всех наших конкурентов. Динамика нагего роста не имеет ни границ,
ни пределов. Сопротивление бесполезно.</p>
<p>Мы являемся лидирующей компанией...
CSS
body{
font-family: 'Trebuchet MS';
}
#header{
color:#2f3f77;
padding-bottom: 0px;
margin: 10px;
}
#header h1{
margin: 0px;
}
#main{
margin: 10px;
text-align: left;
padding: 0px;
}
ul.sidebar{
list-style-type: none;
padding:0px;
margin: 0px;
float: left;
width: 200px;
height:900px;
}
li.sidebar{
margin-bottom:10px;
}
a{
color:blue;
}
#content{
margin-left:200px;
margin-right:10px;
}