Alguien tiene idea de que hace el “display:inherit”?

Hereda el valor display de su contenedor padre

Esta lectura te puede ayudar: https://developer.mozilla.org/es/docs/Web/CSS/inherit. :wink:

Hola amigo. El inherit significa heredado. Es decir, que el display que asignas será el del elemento padre. Te pongo un ejemplo:

<div style="display:block;">
	<div id="uno" style="display:inline;">
	</div>
	<div id="dos" style="display:inherit;">
	</div>
</div>

En el código anterior, el DIV que tiene el ID «uno» tiene display inline, pero el ID «dos» tiene display block porque lo está heredando del DIV principal.