JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<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>
	<p>Мы являемся лидирующей компанией в нашей отрасли! Мы на голову обходим всех наших конкурентов. Динамика нашего роста не имеет ни границ, ни пределов. Сопротивление бесполезно.</p>
</article>
</body>

CSS

@font-face {
	font-family: "Trebuchet MS";
	src: url("http://www.xfont.ru/files/fonts/5/247509.ttf");
}
body {
	margin: 0px;
	padding: 10px;
	font-family: "Trebuchet MS", sans-serif;
}	
h1 {
	margin: 0px;
	color: #596592;
}
nav ul {
	float: left;
	background-color: cyan;
	width: 200px;
	padding: 0px;
}
article {
	background-color: magenta;
	margin-left: 210px;
	margin-top: 10px;
	padding: 0px;
}
p, ul {
	margin-top: 10px;
}