Limite o texto à largura da imagem do irmão / largura automática em CSS

Estou essencialmente tentando criar uma versão do elemento "figure" (a seguir no HTML5), na qual tenho uma imagem com uma breve descrição abaix

o entanto, quero limitar a largura de todo esse elemento à da imagem, para que o texto não seja maior que a imagem (quebrando para várias linhas, se necessário

HTML básico:

<div class="figure">
<img src="..." alt="..." width="..." height="..." /><br />
A description for the image
</div>

Sou versado em CSS, mas não consigo pensar em nenhuma solução CSS pura, sem adicionar umstyle="width:100px" aodiv para corresponder à largura da imagem.

Atualiza: Após um pouco de pesquisa e reflexão, o melhor método parece estar usando uma largura embutida na div. Manterei o atributo width na imagem, caso deseje que a div seja um pouco maior que a imagem (por exemplo, para acomodar uma legenda mais longa).

Essa abordagem também significa que eu poderia ter duas imagens lado a lado com uma legenda abaixo. Se eu tiver um conjunto de imagens do mesmo tamanho, é claro que posso adicionar um estilo extra a cadadiv.

Obrigado a todos que responderam!

questionAnswers(5)

yourAnswerToTheQuestion