Olá, venho adiando essa dúvida e deixando de lado [...] Busco solução simples para deixar blocos de tabelas lado a lado. Nesse exemplo os blocos iniciam na margem de baixo pra cima com alinhamento do bloco que contém 'height' maior. Quero que inicie de cima de pra baixo, e quando houver um bloco com 'height' maior não desvele, sendo alinhado ao lado ou embaixo num espaço de 3px.
<style>
body{
background:black;
}
</style>
<h2>Titulo</h2>
<ul class="galeria">
<li><div style="position:relative;width:100px; height:100px; background:yellow;"</div></li>
<li><div style="position:relative;width:100px; height:320px; background:yellow;"</div></li>
<li><div style="position:relative;width:100px; height:100px; background:yellow;"</div></li>
<li><div style="position:relative;width:100px; height:100px; background:yellow;"</div></li>
<li><div style="position:relative;width:100px; height:100px; background:yellow;"</div></li>
</ul>
<style>
.galeria {
padding-right: 1em;
text-align: center;
}
.galeria li {
padding-left: 0.1em;
padding-right: 0.1em;
box-sizing: border-box;
display: inline-block;
width: 20%;
}
</style>
• Uma dica já serve ;)