title: How to vertical align text with center of image in HTML?
body: <p>So I have an image "blah.jpg" and a name "Name" in HTML.</p>
  
  <pre><code>    &lt;img src="blah.jpg"&gt; Name
  </code></pre>
  
  <p>I want to make it so that the Name is center aligned with the center of the blah.jpg image instead of the text "Name" having a baseline at the bottom of the image.</p>
  
  <p>What is the best way to accomplish this with no tables using CSS3 if possible?</p>