JSFiddle - React, Tailwind, and code Playground

by George Berkeley

HTML

<div id="contenedor">
	<div>
		<h3>
			Título 1
		</h3>
		<p>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit.
		</p>
	</div>
	<div>
		<h3>
			Título 2 (mayor que el primero)
		</h3>
		<p>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sed rutrum lacus.
		</p>
	</div>
	<div>
		<h3>
			Título 3 (en tres líneas, mucho más grande que los otros dos)
		</h3>
		<p>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sed rutrum lacus. Duis iaculis aliquet tortor id fermentum.
		</p>
	</div>
</div>

CSS

#contenedor {
	display: table;
	width: 100%;
}
#contenedor > div {
	display: table-cell;
	width: 33%;
	border: 1px solid #000;
}
#contenedor > div * {
	width: 200px;
	text-align: center;
	margin: auto;
}