Es normal que tu profesora no lo conozca. Y sí, es normal lo de font-size, recuerdas que te dije la primera vez que te respondí y es que display: inline-block transforma los elementos bloque como si fueran textos
Cita:
Iniciado por g3kdigital 
... El segundo como te dije, hace que los elementos se comporten como bloques (div) pero a la vez como textos, por eso se colocan uno al lado del otro, pero los textos siempre tienen un espacio por defecto entre sus caracteres (por eso el espacio blanco)...
Algo muy parecido pasaba con display:inline, solo que este solo hace que se comporten como textos únicamente y no acepten atributos como padding, bordes, ancho, alto, etc.
De hecho creo que es la mejor solución debido a la fuente irregular que usas:
Papyrus, porque lo de acomodar el html, en realidad para fines prácticos no tiene mucho sentido.
Para explicarte como funciona habría que leer la documentación oficial de la w3c o leete este otro articulo que es muy bueno y explica muchas cosas:
https://escss.blogspot.com/2012/03/d...empeno-en.html
Es uno de los más completos en español, como verás no hay una solución estable y siempre dependerá del caso.
Recuerda: display es una forma de decirle al navegador que un elemento adquirirá propiedades inherentes de otro elemento diferente, de hecho puedes decirle que una etiqueta párrafo
P, se comporte como celda de tabla
display: table-cell o como item de lista
display:list-item
Como en este pen que hice de ejemplo:
http://codepen.io/g3kdigital/pen/LGjOKZ?editors=110
Otro muy nuevo es usar display:flex, que elimina todos esos problemas de usar float, inline-block, pero al ser tan nuevo no es retrocompatible con versiones viejas de navegadores.