JSFiddle - React, Tailwind, and code Playground

HTML

<p class="note">Примечание с размером 10px</p>   
 

<p class="content">Основной текст размером 14px. Могущественный король Лир, почувствовав приближение старости, решает переложить бремя власти на плечи трех дочерей: Гонерильи, Реганы и Корделии, поделив между ними свое царство.</p>
<p class="note">Примечание с размером 10px</p>
<img class="content" src="http://placehold.it/200x150">   
<p class="content">Король хочет услышать от дочерей, как они его любят, «чтоб при разделе могли мы нашу щедрость проявить».</p>

CSS

body{
	color:#2f3f77;
	font-size: 14px;
}
.content {
	margin-left: 130px;
	margin-right: 10px;
	padding: 0px;
    display: block;
}

.note {
	float: left;
	font-size: 10px;
	margin: 10px;
	width: 100px;
	margin-top: 0px;
	clear: both;

}