title: How can I center the text within a <p> tag vertically?
body: <p>I'm trying to center a &lt;p&gt; tag within its container, and while I have been able (using the top/translateY) trick to center the tag itself, the center of the text is not actually the center of the &lt;p&gt; tag's content, as seen here (the red line is the true middle of the tag):</p>
  
  <p><a href="https://i.stack.imgur.com/QHeTA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QHeTA.png" alt="enter image description here"></a></p>
  
  <p>How can I center the text in the &lt;p&gt; tag as well ?</p>