title: How to vertically center text in a <span>?
body: <p>How can I vertically center text that is wrapped in a <code>&lt;span&gt;</code>? The <code>&lt;span&gt;</code> must have <code>min-height</code> of <code>45px</code>. Here is what I am envisioning:</p>
  
  <pre><code>--------                  -------
  text
  
                  ---&gt;      text   
  
  
  --------                  -------
  </code></pre>
  
  <p>I tried <code>vertical-align</code> as well as methods from this <a href="http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/" rel="noreferrer">article</a>. None of them worked</p>