title: Left , center and right in a row alignment in material design lite
body: <p>I am using material design lite and tried to align the content in left / right / center. However not able to perform the it. Here is the code</p>
  
  <pre><code> &lt;div class="mdl-card__actions mdl-card--border"&gt;
  
                      &lt;button id="share-menu" class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect pull-left"&gt;
                          &lt;i class="material-icons"&gt;share&lt;/i&gt;
                      &lt;/button&gt;
                      &lt;ul class="mdl-menu mdl-menu--bottom-left mdl-js-menu mdl-js-ripple-effect"
                          for="share-menu"&gt;
                          &lt;li class="mdl-menu__item"&gt;Some Action&lt;/li&gt;
                          &lt;li class="mdl-menu__item mdl-menu__item--full-bleed-divider"&gt;Another Action&lt;/li&gt;
                          &lt;li disabled class="mdl-menu__item"&gt;Disabled Action&lt;/li&gt;
                          &lt;li class="mdl-menu__item"&gt;Yet Another Action&lt;/li&gt;
                      &lt;/ul&gt;
                      &lt;span class="mdl-chip mdl-chip--contact center-block"&gt;
                          &lt;span class="mdl-chip__contact mdl-color--teal mdl-color-text--white"&gt;12&lt;/span&gt;
                          &lt;button class="mdl-button mdl-button--icon mdl-button--colored"&gt;&lt;i class="material-icons"&gt;thumb_up&lt;/i&gt;&lt;/button&gt;
                      &lt;/span&gt;
                      &lt;button class="mdl-button mdl-button--icon mdl-button--colored pull-right"&gt;&lt;i class="material-icons"&gt;add_shopping_cart&lt;/i&gt;&lt;/button&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>I tried center-text , mdl-typography--text-center class but the design is not perfect here is the screen shot</p>
  
  <p><a href="https://i.stack.imgur.com/6Ttn0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6Ttn0.png" alt="center div"></a></p>
  
  <p>the pull-left and pull-right is working however center is not working. How can I achieve this ?</p>