JSFiddle - React, Tailwind, and code Playground

HTML

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

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

CSS

body{
	color:#2f3f77;
	font-size: 14px;
	padding-left: 130px;
	padding-right: 10px;
}


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

}
ol{
	padding-left: 0px;
}