Can't vertical center h1 inside div : <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>
