El problema
Por experiencia todos sabemos que el pseudo lenguaje HTML es bastante pobre en cuanto a la colocación de los elementos que constituyen las páginas web. Así si queremos separar una imagen del texto que la rodea debemos andar introduciendo caracteres espacio (&bnsp;) o para separar líneas entre sí debemos conformarnos con las marcas <BR> o <P>, y otras situaciones similares. Sin embargo en muchas ocasiones deseamos que estas separaciones o distancias entre elementos correspondan a un número exacto de pixels, sin tener que acudir a las hojas de estilos.

La solución

Una solución muy simple para lograr este objetivo es el uso de una imagen gif transparente de 1x1px. Una imagen tan pequeña no carga nuestras páginas y podemos darle el tamaño que queramos, con lo que podemos utilizarla como un separador. Basta pues con una etiqueta del estilo:

<img src="espaciador.gif" hegiht="8px" width="1px">

Dependiendo del uso concreto podemos añadirle un atributo align para alinearla en la página


Un caso práctico

Por ejemplo las siguientes líneas están separadas entre sí 12 pixels.

Esta es la linea primera del párafo
Basta con una imagen que no ves de altura
igual a la separación que quieras entre líneas
Yestaspalabrasestánseparadasexactamente25pixels

En este ejemplo se ha usado una imagen con una altura de 12 pixels en la segunda línea, con lo que ambas líneas mantienen esa separación.