JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div class="wrap">
		<div class="content">
			<article>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet, porro beatae labore nesciunt magni quo a facere, doloremque ex. Praesentium iure est reiciendis labore, ratione earum nostrum explicabo, dolorum nisi!</p>
				
				<aside>Примечание с размером текста 10 px.</aside>
				<p>Король хочет услышать от дочерей,  как они его любят, «чтоб при разделе могли мы нашу щедрость проявить». Король хочет услышать от дочерей,  как они его любят, «чтоб при разделе могли мы нашу щедрость проявить». Король хочет услышать от дочерей,  как они его любят, «чтоб при разделе могли мы нашу щедрость проявить».</p>

				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque repellat, quam ullam odit illo placeat reiciendis voluptate tenetur tempora. Dolorum debitis quasi molestias obcaecati, blanditiis sed officiis odio vitae id.</p>

				<aside>Еще одно небольшое примечание 10 пх</aside>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt cumque, iure sint. Distinctio exercitationem eos odit, sed omnis ducimus at eius, vitae quasi atque veritatis id ipsum fugiat. Ullam, dolorum.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut ratione, recusandae, quidem nesciunt, cupiditate perspiciatis nostrum blanditiis, adipisci facere ea accusamus ab commodi? Molestias dicta porro harum ipsam, voluptas ea!</p>
			</article>
		</div>
	</div>
</body>
</html>

CSS

.content{
	font-family: Arial;
	padding-right: 10px;
	padding-left: 10px;
}
article p{
	margin-left: 110px;
	font-size: 14px;
}
aside{
	font-size: 10px;
	float: left;
	width: 100px;
}