Ayuda! ¿Si coloco Display: inline-block; en .main–nav, no funciona. Pero si coloco Display: inline–block en .Main–nav__item si funcion...

Jimmy Miguel Galarza

Jimmy Miguel Galarza

Pregunta
studenthace 4 años

Ayuda!

¿Si coloco Display: inline-block; en .main–nav, no funciona. Pero si coloco Display: inline–block en .Main–nav__item si funciona, ¿Por que?

Otra pregunta es, ¿ Por que crea .main–nav__item a ? ¿Por que no pone todos esos estilos en .main–nav__item?

1 respuestas
para escribir tu comentario
    Luis Franco

    Luis Franco

    studenthace 4 años

    main-nav es la lista desordenada. En realidad si funciona pero lo que pasa es que la etiqueta ul pasa de ser display: block a display: inline-block, para que te quede un poco mas claro crea dos listas desordenadas, mira el resultado y veras que una se posa debajo de la otra. Luego cambia su display a inline-block y checa de nuevo, veras que ahora las dos estarán una al lado de la otra. Ahora el display de li es otro pero similar al block, con lo cual si lo cambias a display: inline-block te saldrá los items de la lista una después de la otra. Espero que se entendiera mi explicación, saludos!!!

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.