Display: inline-block;

Los Elementos inline (span, a...) no respectan el ancho, el alto, ni los margenes verticales!

Usar la propiedad display: inline-block permite tener elementos inline que trabajan con el ancho, el alto, y los margenes verticales!! 

El nombre de esta propiedad puede confundir, ya que de "block" no le encuentro nada!

https://www.campusmvp.es/recursos/post/Que-diferencias-hay-entre-display-block-inline-e-inline-block-en-CSS.aspx