title: Align Vertically and Horizontally with Angular Material
body: <p>I'm following the documentation on <a href="https://material.angularjs.org/latest/layout/alignment" rel="noreferrer">https://material.angularjs.org/latest/layout/alignment</a>.</p>
  
  <p>I'm trying to align my div vertically and horizontally, it works for horizontal alignment but not for vertical. Source of the div is below:</p>
  
  <pre><code>&lt;div layout="column" layout-align="center center" class="text-center"&gt;
    &lt;md-content&gt;
      &lt;h2&gt;Test h2&lt;/h2&gt;
    &lt;/md-content&gt;
    &lt;form ng-controller="LoginController as login" ng-submit="login.login()"
      ng-cloak class="text-center"&gt;
      &lt;md-content&gt;
        Login or ,&lt;br/&gt;
        register test br
        &lt;md-input-container class="md-block"&gt;
          &lt;label&gt;Your email address&lt;/label&gt;
          &lt;input ng-model="login.user.email" type="email" required&gt;
        &lt;/md-input-container&gt;
        &lt;md-input-container class="md-block"&gt;
          &lt;label&gt;Your password&lt;/label&gt;
          &lt;input ng-model="login.user.password" type="password" required&gt;
        &lt;/md-input-container&gt;
        &lt;div class="md-block"&gt;
          &lt;md-button type="submit" class="md-raised md-primary"&gt;Log in&lt;/md-button&gt;
        &lt;/div&gt;
      &lt;/md-content&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What is the problem here? Thanks for your help</p>