Skip to main content
tags editadas
Link
hugocsl
  • 66,9mil
  • 17
  • 88
  • 166
Fonte Link
veroneseComS
  • 2,8mil
  • 5
  • 36
  • 101

Alinhar imagens com descrição

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?inserir a descrição da imagem aqui