title: Float image in center
body: <p>I have an inline image in a paragraph. I want to float that image in the middle of the paragraph.
  I tried to center it with...</p>
  
  <pre><code>&lt;center&gt;
  </code></pre>
  
  <p>...but I saw it was depreciated in HTML5.<br>
  I tried to use float it with...</p>
  
  <pre><code>&lt;img style="float: middle;"&gt;
  </code></pre>
  
  <p>...but it turns out that that doesn't even exist.</p>
  
  <p>Is there a short way to do this, preferably inside the img tag, like with the style attribute?<br>
  Here is my HTML so far...</p>
  
  <pre><code>&lt;p&gt;
      &lt;img id="resize" width="70%" src="../logo.png" alt="Alt" style="CENTER THIS IMAGE... SOMEHOW..."&gt;
  &lt;/p&gt;
  </code></pre>