JSFiddle - React, Tailwind, and code Playground

by Sergey

HTML

<div id="block1">
  <img src="../images/img1.png" alt="img1">
  <p>block1block1block1aery ery eary aery ery aery aery aery aery</p>
</div>

<div id="block2">
  <img src="../images/img2.png" alt="img2">
  <p>block2block2block2</p>
</div>

<div id="block3">
  <img src="../images/img3.png" alt="img3">
  <p>block3block3block3</p>
</div>

<div id="block4">
  <img src="../images/img4.png" alt="img4">
  <p>block4block4block4</p>
</div>

CSS

div	{text-align:center;
	margin: 0px;
	padding: 0px;
	width: 200px;
	float: left;}

#block3	{clear:both;}
	
img	{width: 100px;
	height: 150px;}