Espacio fantasma

Alguien sabe pq cuando escribo mi código de la siguietne manera

Código :

<div id="d1">Este es mi primer div</div>
<div id="d2">este es mi segundo div</div>

es decir cada div en una linea de codigo, al momento de visualizarlo en el navegador "Chrome en este caso" me aparece un espacio de uno 3px aprox entre los divs , a pesar de haber establecido el display como inline-block, el margen en 0 para los cuatro costados y el padding en 0 tambine, sin embargo si escribo

Código :

<div id="d1">Este es mi primer div</div><div id="d2">este es mi segundo div</div>

Dicho espacio no aparece. alguien sabe como puedo eliminarlo y conservar el orden de mi codigo?

Hola,

El espacio es algo normal de HTML..Así es como funciona. Si no quieres el espacio lo mejor seria usar float: left




Saludos

Creo yo que lo que necesitas es poner menos line-height.

Es como dice @pitufo

pero el espacio que aparece es horizontal no vertical

Tienes los divs con display:inline, así que imagina que cada div es una palabra. Las palabras las separas con un espacio. Así que el espacio que esta separando a esos divs, es mismo que separa a una palabra de otra.

Bueno, creo que ni yo mismo me entiendo Espero que tu si puedas entender.


Saludos

El espacio al que te refieres entre divs "inline" es de 5px.
Lo puedes corregir con "margin-right:-5px;" como te muestro en el siguiente ejemplo:

<div style="display:inline-block;margin-right:-5px;">div o columna 1</div>
<div style="display:inline-block;">div o columna 2</div>

Como ves, el espacio de 5px está a la derecha del div, así que, si en el ejemplo anterior quisieras agregar un 3er div, al segundo deberías agregarle "margin-right:-5px;"

La pregunta era ¿Por qué aparece?.. no ¿Cómo lo corrijo?.. te todos modos gracias @javiersao

Es un "espacio" solamente... cuando escribes, entre cada palabra dejas un espacio. AmenosQueQuierasQueSeLeaAsí....

Usando float, pasa por alto esos espacios ya que acomoda los div's en otro "nivel de profundidad".
Pero @Neo no quiere usar float, entonces seguro ya encontró la solución para que se vea como realmente quiere.

Saludos =D

@nasho, la pregunta es:

NeoCesar escribió:

...de todos modos gracias.

jaja UPS... no lo re-leí