Ik heb deze code:
<div class = "content-dir-item">
<p>Text input</p>
<img src="./images/email.png" class = "mail" alt="img-mail" />
</div>
Ik zou img inline zetten met tekst met behulp van css. Hoe kan ik dit doen?
Antwoord 1, autoriteit 100%
Afbeeldingen hebben standaard display: inline
.
Misschien wilt u de afbeelding in de alinea plaatsen.
<p><img /></p>
Antwoord 2, autoriteit 20%
Gebruik de onderstaande code om afbeeldingen inline weer te geven:
<img style='vertical-align:middle;' src='somefolder/icon.gif'>
<div style='vertical-align:middle; display:inline;'>
Your text here
</div>
Antwoord 3, autoriteit 16%
Dit zou de afbeelding inline moeten weergeven:
.content-dir-item img.mail {
display: inline-block;
*display: inline; /* for older IE */
*zoom: 1; /* for older IE */
}