JSFiddle - React, Tailwind, and code Playground

by Oleg Shmigelski

HTML

<div class="post-1">
		<img src="images/img1.jpg">
		<p>Рыбным текстом называется текст, служащий для временного наполнения макета в публикациях или производстве веб-сайтов, 
		пока финальный текст еще не создан. Рыбный текст также известен как текст-заполнитель или же текст-наполнитель. Иногда 
		текст-«рыба» также используется композиторами при написании музыки. Они напевают его перед тем, как сочинены соответствующие 
		слова. Уже в 16-том веке рыбные тексты имели широкое распространение у печатников.Рыбным текстом называется текст, служащий 
		для временного наполнения макета в публикациях или производстве веб-сайтов, пока финальный текст еще не создан. Рыбный текст 
		также известен как текст-заполнитель или же текст-наполнитель. Иногда текст-«рыба» также используется композиторами при 
		написании музыки. Они напевают его перед тем, как сочинены соответствующие слова. Уже в 16-том веке рыбные тексты имели 
		широкое распространение у печатников.</p>
</div>

CSS

*{
	margin: 0;
	padding: 0;
}
.post-1{
	width: 580px;
	border: solid 1px #000;
	margin: 10px;
}
.post-1 img{
	width: 256px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}