Preciso alinhar duas imagens de modo que fiquem centralizadas, com uma descrição em baixo.
Tentei algo como:
<style>
.thumb {
width: 140px;
height: 140px;
position: relative;
float: left;
}
.thumb img{
position: relative;
margin: auto;
margin-left: 560px;
}
.desc{
margin-left: 582px;
}
</style>
<div class="thumb">
<a href="pdf_clientes.php" target="_blank">
<img src="imagens/printer.png">
</a>
<div class="desc"><span style="color:white">Imprimir Relatório</span></div>
</div>
<div class="thumb">
<a href="pdf_clientes.php" target="_blank">
<img src="imagens/search.png">
</a>
<div class="desc"><span style="color:white">Filtrar Resultados</span></div>
</div>
O resultado está funcionando conforme esperado, mas acredito que não é a maneira correta de se fazer, pois acredito que em monitores de outras resoluções o resultado será diferente. Como posso fazer de maneira mais inteligente?