title: How to center `layout="row"` div?
body: <p>I have a grid made up by cards from the angular material. The problem is: the cards have fixed size, and immediately after the wrapping there is a space on the right. I want to eliminate it, by centering the <code>md-content</code>. But it has the width of the row, so I can't make any centering properly. How can I fix it (i.e. make the width of the <code>md-content</code> equal to actual content width)? Thank you.</p>
  
  <pre><code>&lt;md-content layout="row" layout-wrap&gt;
    &lt;md-card ng-repeat="channel in $ctrl.channels" ui-sref="" md-ink-ripple&gt;
      &lt;div layout-align="center" layout='row' style="width: 160px; height: 160px"&gt;
        &lt;img ng-src="{{channel.logo_url}}" alt="{{channel.name}}" style="width: 100%;" /&gt;
      &lt;/div&gt;
      &lt;footer style="padding: 2px;" layout-align="center"&gt;
        &lt;h3&gt;{{channel.name}}&lt;/h3&gt;
      &lt;/footer&gt;
    &lt;/md-card&gt;
  &lt;/md-content&gt;
  </code></pre>