Gabriel Castro

Me ajudou sim. Muito obrigado, seguindo o que fez adaptei no meu e coloquei uma posicao relativa no meu figure.foto e ai a legenda ficou dentro Obrigado mesmo

Olá, estou fazendo um curso de HTML5 no cursoemvideo.com, aprendi muita coisa. Mas fui testar meus conhecimentos e adicionei uma imagem e legenda a minha página com: <figure class="foto"> <img src="local da imagem"/> <figcaption> legenda </figcaption> </figure> Logo depois fui para o arquivo css fazer a formatação. Mas a legenda não fica dentro da imagem de jeito nenhum. A formatação no css está: figure.foto img{ position: relative; width: 100%; height: 100%; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); } figure.foto figcaption{ position: absolut; top: 0px; width: 100%; height: 100%; } Enfim, se alguém poder me ajudar agradeço.