Encontre una forma poco simpatica de hacerlo. Tenes que ponerle "display: inline;" a ambos
dt y
dd, pero eso te pone todo en una sola linea. Para separarlo tenes que ponerle un
<br /> al final de cada linea de los
dd, pero no se que tan "semanticamente correcto" es eso. Funciona en Firefox 1.5.0.6 e IE 6, no se si valida o no. Espero que te sirva...
Código HTML:
<html>
<head>
<title>Gracias Forosdelweb.com</title>
<style>
dt, dd {
display: inline;
}
</style>
</head>
<body>
<dl>
<dt><img src="imagen1.jpg" alt="imagen 1" /></dt>
<dd>Imagen 1 <br /></dd>
<dt><img src="imagen2.jpg" alt="imagen 2" /></dt>
<dd>Imagen 2 <br /></dd>
<dt><img src="imagen3.jpg" alt="imagen 3" /></dt>
<dd>Imagen 3 <br /></dd>
</dl>
</body>
</html>