Solucionado
Hola, mi pregunta es cuando utilizo la propiedad display inline como lo hace en el curso queda un espaciado el cual resalte de color azul en la imagen de abajo, en los dos primeros textos y en el último no lo hace, realice el código tal y como se muestra en el video. El detalle es imperceptible pero me surgió la duda, agradezco su ayuda.
¡Hola Deyver!
Gracias por tu pregunta.
Este espacio se debe a que los elementos de la lista tienen espacios en blanco entre ellos en el código HTML. Estos espacios en blanco se interpretan como caracteres y se muestran en la página. Por lo tanto, cuando aplicas display: inline, también se aplica a estos espacios en blanco, lo que causa el espacio azul.
Para solucionar esto, puedes eliminar los espacios en blanco entre los elementos de la lista en el código HTML, de esta manera:
<ul>
<li><a href="index.html">Home</a></li><li><a href="productos.html">Productos</a></li><li><a href="contacto.html">Contacto</a></li>
</ul>
Al eliminar los espacios en blanco, los elementos de la lista se mostrarán sin el espacio azul.
¡Saludos!
Gracias, es de mucha ayuda.