XSL - Espacio en blanco antes de una imagen

Al poner una imagen despues de un div en un xsl, me aparece un espacio en blanco que no puede quitar a no ser que ponga esa imagen dentro de un div:

<div id="principal">

<xsl:apply-templates select="/nodo/subnodos/nodo//documentos/Documento">
<xsl:sort select="./orden"/>
</xsl:apply-templates></div>
<div class="imag"><img alt="" src="{$theme-url}/imagenes/menuh3.gif"/> </div>

Asi funciona bien en el momento que quitamos el segundo div :

<div id="principal">

<xsl:apply-templates select="/nodo/subnodos/nodo//documentos/Documento">
<xsl:sort select="./orden"/>
</xsl:apply-templates></div>
<img alt="" class="imag" src="{$theme-url}/imagenes/menuh3.gif"/>

Ya me aparece un espacio en blanco antes de la imagen.
Muchas gracias por adelantado!!

El espacio en blanco que aparece cuando colocas una imagen después de un div se debe a la forma en que los elementos de bloque se representan en el modelo de caja de CSS. Puedes solucionar este problema envolviendo la imagen dentro de un div adicional y aplicando estilos adecuados para eliminar el espacio en blanco no deseado.

Aquí tienes una solución que puedes aplicar en tu caso:


En esta solución, hemos añadido un div adicional alrededor de la imagen y hemos eliminado la clase "imag" del div original. A continuación, puedes aplicar estilos CSS para el nuevo div "imag" si es necesario.

En tu archivo CSS, puedes añadir estilos para el nuevo div "imag" para asegurarte de que no haya espacio en blanco no deseado:


Con este estilo, eliminamos cualquier margen o relleno que pueda estar afectando al espacio en blanco.

Recuerda ajustar los estilos y clases según tus necesidades y la estructura específica de tu XSL y HTML.

Espero que esta solución te ayude a eliminar el espacio en blanco al colocar una imagen después de un div en XSL. ¡Buena suerte!