Por que para eliminar el "display: block" que viene por defecto en las "ul" es mejor usar esta tecnica "width: 940px;, margin: 0 auto; " en lugar de usar la propiedad: "display: inline-block"
Gracias excelente dia a todos.
Por que para eliminar el "display: block" que viene por defecto en las "ul" es mejor usar esta tecnica "width: 940px;, margin: 0 auto; " en lugar de usar la propiedad: "display: inline-block"
Gracias excelente dia a todos.
¡Hola Jehovany!
La técnica de usar width: 940px; margin: 0 auto; en lugar de display: inline-block se utiliza para lograr que un contenedor ocupe un ancho fijo y se centre horizontalmente en la página.
Cuando usas display: inline-block, los elementos se colocan uno al lado del otro en formato horizontal, pero no puedes controlar el ancho total del contenedor. En cambio, al usar width: 940px; margin: 0 auto;, estás estableciendo un ancho fijo de 940 píxeles para el contenedor y el margen automático distribuye el espacio restante de manera equitativa en los lados izquierdo y derecho del contenedor. Esto hace que el contenedor aparezca centrado horizontalmente en la página.
Por ejemplo, si tienes una lista de productos y quieres que ocupe un ancho fijo de 940 píxeles y que esté centrada en la página, puedes aplicar estas propiedades al contenedor de la lista:
.productos {
width: 940px;
margin: 0 auto;
}
Espero que esto aclare tu duda. Si tienes alguna otra pregunta, no dudes en preguntar. ¡Buena suerte con tus estudios!
Espero haber ayudado y buenos estudios!