title: Why does the button element allow vertical-align: middle?
body: <p>As far as I've been able to read, the <code>vertical-align: middle;</code> CSS attribute only works on elements with the <code>display</code> option set to <code>table-cell</code>.</p>
  
  <p><strong>So why is <code>vertical-align</code> accepted on the <code>button</code> element? Have I missed something?</strong></p>
  
  <p>The reason for my question is of cause that I want to mimic the <code>button</code> behaviour, to avoid using this structure:</p>
  
  <pre><code>&lt;div style="display: table"&gt;
      &lt;div style="display: table-cell; vertical-align: middle;"&gt;Vertically aligned&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>