title: How to put img inline with text
body: <p>I have this code:</p>
  
  <pre><code>&lt;div class = "content-dir-item"&gt;
      &lt;p&gt;Text input&lt;/p&gt;
      &lt;img src="./images/email.png" class = "mail" alt="img-mail" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would put img inline with text using css. How can I do this?</p>