JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
	<div class="block">
		<h1>Text</h1>
		<p>TextTextTextTextTextTextTextTextTextTextText<br>TextTextTextTextTextTextTextText<br>TextTextTextTextTextTextText/</p>
	</div>
	<div class="block">
		<h1>Text</h1>
		<p>TextTextTextTextTextTextTextTextTextTextText<br>TextTextTextTextTextTextTextText<br>TextTextTextTextTextTextText/</p>
	</div>
	<div class="block">
		<h1>Text</h1>
		<p>TextTextTextTextTextTextTextTextTextTextText<br>TextTextTextTextTextTextTextText<br>TextTextTextTextTextTextText/</p>
	</div>
  <div class="block">
		<h1>Text</h1>
		<p>TextTextTextTextTextTextTextTextTextTextText<br>TextTextTextTextTextTextTextText<br>TextTextTextTextTextTextText/</p>
	</div>
</div>

CSS

*{
	margin: 0;
	padding: 0;
}
.wrapper{
	width: 450px;
	margin: 0 auto;
	background: blue;
}
.block{
	width: 350px;
	margin: 0 auto;
	background: yellow;
	margin: 10px;
  display: inline-block;
}