title: Center text in h3 with height
body: <p>So I've got a <code>h3</code></p>
  
  <pre><code>&lt;h3&gt;someText&lt;h3&gt;
  </code></pre>
  
  <p>The <code>h3</code> has a height and a background image</p>
  
  <pre><code>h3
  {
  height:30px;
  background-image:url();
  background-reat: repeat-x;
  }
  </code></pre>
  
  <p>now I want the text in the <code>h3</code> to align to the middle of the element but it always floats the text to the top: 
  <img src="https://i.stack.imgur.com/BjEnB.png" alt="enter image description here"></p>
  
  <p>How I can achieve this?</p>