¿Por qué después de instalar display: inline-block; y ejecutar la página, muestra "espagueti a la carbonara"

¡Gracias por compartir una captura de pantalla de tu espacio de trabajo! ¡Muy útil! 😃

Entonces, el problema en realidad no es el inline-block que se aplicó al botón "Volver a la lista". El problema es que en la línea 60 de tu styles.css archivo, se eliminó la sección inicial de los h2 estilos.

Actualmente muestra esto...

header, nav, pie de página {
 alineación de texto: center;
}
font-size: 36px;   
}

p, li {
 line-height: 2;
}

En su lugar debería ser esto...

header, nav, pie de página {
 alineación de texto: center;
}

h2 {
alineación de texto: center;
font-size: 36px;   
}

p, li {
 line-height: 2;
}

Eso debería ponerte de nuevo en el camino correcto 👍