JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row text-on-center">
				<div class="column col-large-4">
					<h2>Ahoj</h2>
					<p>Jak se máš?</p>
				</div>
				<div class="column col-large-4">
					<h2>Ahoj</h2>
					<p>Jak se máš?</p>
				</div>
				<div class="column col-large-4">
					<h2>Ahoj</h2>
					<p>Jak se máš?</p>
				</div>
			</div>

CSS

.row {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: table;
}

.row:after {
	clear: both;
}

.column {
	position: relative;
	float: left;
}

.col-large-4 {
	width: 33,3333333333%;
}