duda con "display:inline;"

[kseso?]

Hola Ersocio
De forma concisa.
Para que dos elementos de bloque puedan colocarse adyacentes, uno al lado de otro en la misma línea, necesitas que al menos uno de ellos tenga una anchura definida, ya sea en px, %, etc, además de "inline". Si no lo haces así, tu primer div crecerá en la medida que lo haga su contenido, teniendo como límite su elemento padre.

Así que en tu código, al primer div que situes dale un width en tu css.
Un saludo