JSFiddle - React, Tailwind, and code Playground

HTML

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

<h2>hello</h2>

<ul>
    <li>one</li>
    <li>two</li>
</ul>
<aside>test</aside>
<img src="http://lorempixel.com/output/animals-q-c-284-170-6.jpg">

CSS

html {
    margin: 0;
    padding: 0;
}
body {
    padding: 10px 10px 10px 120px;
}
p {
    margin-top: 0;
}
aside {
    float: left;
    width: 100px;
    font-size: 10px;
    margin-top: 5px;
    margin-left: -120px;
}