El icono de search no se me visualiza cuando uso la etiqueta span, con cualquier otra si, que puede ser? <code>&lt;section class="main-in...

Germán Aracena

Germán Aracena

Pregunta
studenthace 5 años

El icono de search no se me visualiza cuando uso la etiqueta span, con cualquier otra si, que puede ser?

<section class="main-input"> <div class="main-input-container"> <span class="search-icon"></span> <input type="text"> <a class="micro-icon" href=""></a> </div> </section>```
4 respuestas
para escribir tu comentario
    Santiago Ramirez

    Santiago Ramirez

    studenthace 4 años

    Al hacerlo con display inline.block aparece pero pegado a la parte superior.. no alineado

    Santiago Ramirez

    Santiago Ramirez

    studenthace 4 años

    A mi me paso lo mismo y no entiendo por qué.. Le di un padding de 10px y ahi aparecio el icono.. Lograste resolver ese problema?

    Mizael Paredes Vielma

    Mizael Paredes Vielma

    studenthace 5 años

    Puedes separar la palabra class de la palabra span

    Sneyder Barreto

    Sneyder Barreto

    studenthace 5 años

    ¡Hola! Podría ser que tu elemento span no está tomando el width y el height al ser un elemento en linea. Prueba agregando un display: block o display: inline-block a la clase search-icon. Espero te sirva, un saludo.

Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.

Curso Práctico de HTML y CSS
Curso Práctico de HTML y CSS

Curso Práctico de HTML y CSS

Construye un clon de Google usando HTML y CSS. Aprende a estructurar y estilizar un sitio web completo, desde el header hasta el footer, usando técnicas de maquetación como Flexbox y Grid. Ideal para afianzar tus fundamentos.