title: How to align an image at middle of wrapped text
body: <p>I am trying to wrap an image with some adjacent text, and i can align it to <strong>top-left and top-right</strong> using <code>align=""</code> attribute or <code>float</code>. But how can i align image to the <strong>vertical and horizontal center</strong> of whole text after wrapping.</p>
  
  <p>Like this:</p>
  
  <p><img src="https://i.stack.imgur.com/RE0HT.jpg" alt="This is how it should look"></p>
  
  <p>I have tried below code,</p>
  
  <pre><code>&lt;p&gt;
  &lt;img align="middle" src="http://placehold.it/140x100" /&gt; Some More text Here....
  &lt;/p&gt;
  </code></pre>