JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

body {
  border: solid 1px grey;
  color: #4B5989;
}

body {
  width: 330px;
  padding: 0 10px;
}

p {
  margin-left: auto;
  max-width: 200px;
}

aside {
  width: 100px;
  font-size: 10px;
  vertical-align: bottom;
}