html - How to put img inline with text

Question

I have this code:

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

I would put img inline with text using css. How can I do this?

Answer 1

Images have display: inline by default.
You might want to put the image inside the paragraph.
<p><img /></p>