JSFiddle - React, Tailwind, and code Playground

HTML

<article>
<p>Основной текст размером 14px. Могущественный король Лир,  почувствовав приближение старости,  решает переложить бремя власти на плечи трех дочерей: Гонерильи,  Реганы и Корделии,  поделив между ними свое царство.</p>
<aside>Примечание с размером текста 10px</aside>
<p>Король хочет услышать от дочерей,  как они его любят, «чтоб при разделе могли мы нашу щедрость проявить». </p> </article>

CSS

body {
	margin: 0;
  font-size: 14px;
}

article {
  padding-left: 110px;
  margin: 0 10px;
}

article p {
  border: 1px solid #ccc;
  box-sizing: border-box;
}

aside {
  float: left;
  margin-left: -110px;
  font-size: 10px;
  width: 100px;
  
  border: 1px solid #0f0;
  box-sizing: border-box;
}