[Duda] Espacios generados por saltos de línea en el código

Hola, un gusto saludarles.

Me tope la curiosa casualidad que si separo los divs por saltos de línea en el código el nevgador genera un espacio entre esos divs como 1px, a diferencia de si los coloco en una sola línea:

¿cómo puedo setear ese espacio que es de la línes de código?!

Imagenes: Todo el código en una línea

<div id="container">
    <div id="one">1</div><div id="two">2</div>
</div>

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

El código con saltos de línea

<div id="container">
    <div id="one">1</div>
    <div id="two">2</div>
</div>

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

CSS igual para ambos:

#container {
    width:300px;
    margin:0 auto;
    background: #ccc;
}
#one {
    width:200px;
    display:inline-block;
    background: #666
}
#two {
    width:100px;
    display:inline-block;
    background: #888
}