title: Can't vertical center h1 inside div
body: <p>I'm having some troubles when trying to vertical center a header inside a div.
  CSS is the following:</p>
  
  <pre class="lang-html prettyprint-override"><code>.container {
    background: #a3f;
    padding-left: 3% !important;
  }
  
  .container h4 {
    vertical-align: middle;
    text-align: center;
    background: #f02;
  }
  </code></pre>
  
  <p>I have tried some <a href="https://stackoverflow.com/questions/396145/how-to-vertically-center-a-div-for-all-browsers">solutions</a> (also <a href="https://stackoverflow.com/questions/16629561/why-is-vertical-align-middle-not-working-on-my-span-or-div">this</a>), but the text continues at the top of the div.</p>