JSFiddle - React, Tailwind, and code Playground

HTML

<article>

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

<aside>Примечание с размером текста 10px</aside>
<aside>Примечание с размером текста 10px</aside>

<p>Король хочет услышать от дочерей,  как они его любят, «чтоб при разделе могли мы нашу щедрость проявить». </p>

</article>

CSS

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

article {
  margin: 10px;
}

  article p {
    padding-left: 110px;
  }

aside {
  float: left;
  font-size: 10px;
  width: 100px;
  
  outline: 1px solid #0f0;
}