Imagens lado a lado com texto abaixo centralizado

[jehasato 0]

Olá participantes do fórum!

 

Tenho uma dúvida com uma div no blog que não consigo solucionar. Espero que alguém possa me ajudar!

 

Quero deixar as imagens uma ao lado da outra mas com links de texto em baixo de cada uma. Estou usando o código abaixo:

 

/*.di {position: relative;width:100%; text-align: center; font: 11px/30px Muli; font-weight: bold; text-transform: uppercase; color: transparent; margin: 4px 0 0 0; height: 90px;}

.di a {background:#d34a76; color:#f59695; padding: 4px 10px; border-radius: 3px; display: table; clear:both;}

.di a:hover {background:#f1ece6; color:#624559;}*/

Mas ao utilizar o /* no começo e */ no final a personalização não aparece (background, fonte, tamanho, etc). Veja na imagem abaixo:

Se eu retiro os caracteres antes e depois do código, dá erro.

Alguém sabe como resolver?

Obrigada!

[bruno_mosciatti 22]

Poste o html e o css.

 

Você vai precisar de uma listagem <li> com links <a> para a imagem e link para o texto (tudo bem que serão para o mesmo local) e deixar o <a> do Saiba mais com display:block definindo altura e largura, lembrar de sempre flutua-los com float.