Puesto al día el 29 de abril de 2020.
html
<main class="masoneria">
<div class="titulo">
<h3>Título 1</h3>
<p>Texto del elemento 1.</p>
</div>
<div class="titulo">
<h3>Título 2</h3>
<p>Texto del elemento 2.</p>
</div>
</main>mediante columnas
css
main.masoneria
{
column-count: 4;
column-gap: 1em;
}
div.titulo
{
display: inline-block;
margin: 0.6em 1%;
outline: #DDD solid 3px;
padding: 3%;
text-align: center;
width: 94%;
}
div.titulo