<p>I have a <code>div</code> with two images and an <code>h1</code>. All of them need to be vertically aligned within the div, next to each other. One of the images needs to be <code>absolute</code> positioned within the <code>div</code>.</p>
<p>What is the CSS needed for this to work on all common browsers?</p>
<pre class="lang-html prettyprint-override"><code>&lt;div id=&quot;header&quot;&gt;
  &lt;img src=&quot;..&quot; &gt;&lt;/img&gt;
  &lt;h1&gt;testing...&lt;/h1&gt;
  &lt;img src=&quot;...&quot;&gt;&lt;/img&gt;
&lt;/div&gt;
</code></pre>

```
```
<div id="header" style="display: table-cell; vertical-align:middle;">
```
```
...
or CSS
```
```
.someClass
{
   display: table-cell;
   vertical-align:middle;
}
```
```
Browser Coverage