JSFiddle - React, Tailwind, and code Playground

HTML

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

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

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

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

<h2>Подзаголовочек</h2>

<p>Мэр Калининграда Александр Ярошук пообещал полностью избавить город от маршруток. По его словам, это произойдет в рамках подготовки к чемпионату мира по футболу 2018 года.</p>

<aside>По данным Reuters, в провинции Хомс погибли по меньшей мере 27 человек.</aside>

<ol>
    <li>Списочек</li>
    <li>Пунктик</li>
    <li>Пунктик</li>
    <li>Пунктик</li>
</ol>

<img src="https://placehold.it/350x50" alt="картиночка">

<p>Российская авиация в среду, 30 сентября, приступила к бомбардировкам в Сирии. В заявлении министерства обороны говорится, что авиация наносит точечные удары по «Исламскому государству» — военной технике, узлам связи, транспорту, складам оружия, боеприпасов и горюче-смазочных материалов.</p>

CSS

body {
    /*border: 1px solid red;*/
    padding: 10px;
}
aside:first-child {
    margin-top: 14px;
}
aside {
    float: left;
    font-size: 10px;
    width: 100px;
    /*border: 1px solid yellow;*/
}
p {
    font-size: 14px;
    margin-left: 110px;
    /*border: 1px solid red;*/
}