title: Right align title text inside Material Design Card
body: <p>I'm using a Material Design (MDL) card to display numeric values in the title. I want them to be aligned right but by default they are left aligned.  I've tried setting various styles but they all are ignored.  How can I right align the h2 in the card title?</p>
  <pre><code>  &lt;div class=&quot;mdl-card card--count&quot;&gt;
      &lt;div class=&quot;mdl-card__title mdl-card--expand&quot;&gt;
        &lt;h2 class=&quot;mdl-card__title-text&quot;&gt;
          999
        &lt;/h2&gt;
      &lt;/div&gt;
      &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;&lt;slot /&gt;&lt;/div&gt;
    &lt;/div&gt;
  </code></pre>