Limite el texto al ancho de la imagen del hermano / ancho automático en CSS

ásicamente estoy tratando de crear una versión del elemento "figura" (próximamente en HTML5), mediante el cual tengo una imagen con una breve descripción debajo.

Sin embargo, quiero limitar el ancho de todo este elemento al de la imagen, para que el texto no sea más ancho que la imagen (si es necesario, se ajusta a varias líneas).

HTML básico:

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

Estoy bien versado en CSS pero no puedo pensar en ninguna solución CSS pura, sin agregar unastyle="width:100px" aldiv para que coincida con el ancho de la imagen.

Actualiza: Después de buscar y pensar un poco, el mejor método parece ser usar un ancho en línea en el div. Mantendré el atributo de ancho en la imagen, en caso de que desee que el div sea un poco más ancho que la imagen (por ejemplo, para acomodar un título más largo).

Este enfoque también significa que podría tener dos imágenes una al lado de la otra con un título debajo. Si tengo un conjunto de imágenes del mismo tamaño, por supuesto, puedo agregar un estilo adicional a cadadiv.

¡Gracias a todos los que contestaron

Respuestas a la pregunta(5)

Su respuesta a la pregunta