Cómo poner img en línea con el texto

Resuelto Mazzy asked hace 12 años • 3 respuestas

Tengo este código:

<div class = "content-dir-item">
    <p>Text input</p>
    <img src="./images/email.png" class = "mail" alt="img-mail" />
</div>

Pondría img en línea con el texto usando css. ¿Cómo puedo hacer esto?

Mazzy avatar Feb 09 '12 04:02 Mazzy
Aceptado

Las imágenes tienen display: inlinepor defecto.
Es posible que desees poner la imagen dentro del párrafo.
<p><img /></p>

elclanrs avatar Feb 08 '2012 21:02 elclanrs

Esto debería mostrar la imagen en línea:

.content-dir-item img.mail {
    display: inline-block;
    *display: inline; /* for older IE */
    *zoom: 1; /* for older IE */
}
circusdei avatar Feb 08 '2012 21:02 circusdei