JSFiddle - React, Tailwind, and code Playground

HTML

<section class="comments">
	<article>
		<h1 class="author"><img src="http://placehold.it/100x100" class="avatar" /> Batman</h1>
		<p class="message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porta elit vel ante hendrerit facilisis. Curabitur aliquam sollicitudin diam, id posuere elit consectetur nec. Vestibulum quam dolor, feugiat in posuere a, posuere imperdiet tellus. Mauris sed ligula vitae urna consequat aliquet.</p>
	</article>
	
	<article>
		<h1 class="author"><img src="http://placehold.it/100x100" class="avatar" /> The Joker</h1>
		<p class="message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus porta elit vel ante hendrerit facilisis. Curabitur aliquam sollicitudin diam, id posuere elit consectetur nec. Vestibulum quam dolor, feugiat in posuere a, posuere imperdiet tellus. Mauris sed ligula vitae urna consequat aliquet.</p>
	</article>
</section>

CSS

article {
	overflow: hidden;
	margin: 1em 0;
}

img.avatar {
	float: left;
	margin: 0 1em 1em 0;
}

h1.author {
	font-weight: bold;
}