title: text-align in md-grid-tile (Angular Material) doesn't work
body: <p><code>text-align</code> in Angular Material <code>&lt;md-grid-tile&gt;</code> doesn't work.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;md-grid-tile&gt;{{video.created}}&lt;/md-grid-tile&gt;
  &lt;md-grid-tile&gt;{{video.code&lt;/md-grid-tile&gt;
  
  &lt;md-grid-tile style="text-align: left;"&gt;
     {{ video.title }}
  &lt;/md-grid-tile&gt;
  
  &lt;md-grid-tile&gt;{{video.playtime}}&lt;/md-grid-tile&gt;
  </code></pre>
  
  <p>I want to align text like this:</p>
  
  <p><a href="https://i.stack.imgur.com/EX3in.png" rel="noreferrer"><img src="https://i.stack.imgur.com/EX3in.png" alt="enter image description here"></a></p>
  
  <p>but <code>text-align</code> in <code>&lt;md-grid-tile&gt;</code> didn't work :(</p>
  
  <p>How can I do it?</p>