HTML - sobre display:inline-block

Hola, quería saber por que cuando agrego la propiedad display:inline, el logo(el icono con el nombre del sitio) no logra tapar el h1 que a la vez funciona como enlace a la home, si no que se muestra como esta en la imagen? solo cuando le agrego inline-block, se arregla y se muestra el icono solo. conozco la teoría de inline y de block y de inline-block, pero no se como se aplica en este caso.Gracias!!

Hola Diego, cuando aplicas el valor inline, el width del elemento se define por medio de su contenido a diferencia de inline-block que si permite establecer una anchura y altura sobre el elemento. Ahora no me queda muy claro lo que intentas hacer, pero si lo que quieres es que la imágen funcione también como un enlace pudes hacer algo como:

Por otra parte, si quieres que el h1 quede por debajo de la imagen deberias utilizar la propiedad position, y luego z-index.

Nos comentas si es lo que buscabas.