Cita:
Iniciado por alzacon 
¿Por qué lo usas teniendo la posiblididad de usar float? El comportamiento de los elementos inline es diferente a los block. La forma chapucera de corregirlo es con el line-height.
¿Que te hizo el "inline-block? xD. De echo "casi" se puede considerar más óptimo usar "inline-block" que floats, ya que para solucionar problemas de flotado de los floats hay que andar metiendo "truquitos" en el html que con inline-block no hacen falta, y tampoco hace falta saber ni matematicas basicas, ya que con un "font-size: 0" en el padre, entre otras posibles soluciones css, queda solucionado el problema de los margenes. Eso si, con flexbox, ni floats, ni "inline-block" ni chorradas.. flexbox!
Por cierto, para solucionar el problema basta con meterle al .page un "vertical-align: top;" y queda listo