JSFiddle - React, Tailwind, and code Playground

HTML

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

<h1>
Заголовочек
</h1>

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

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

<ul>
  <li>Списочек</li>
  <li>Списочек</li>
</ul>

CSS

body {
  border: solid 1px grey;
  color: #4B5989;
  width: 230px;
  padding: 0 10px;
  padding-left: 130px;
  font-size: 14px;
}

p {
  max-width: 200px;
}

aside {
  float: left;
  width: 100px;
  font-size: 10px;
  margin-left: -120px;
}