title: Angular 2 Material - How To Center Progress Spinner
body: <p>I have implemented the Angular 2 progress spinner from the below link</p>
  
  <p><a href="https://github.com/angular/material2/tree/master/src/lib/progress-spinner" rel="noreferrer">https://github.com/angular/material2/tree/master/src/lib/progress-spinner</a></p>
  
  <p>I would like to have it centered, however, the only way I can seem to get it to work is to remove the </p>
  
  <pre><code>display: block 
  </code></pre>
  
  <p>from the CSS. However, this causes the spinner to appear huge on the page.</p>
  
  <p>Any advice would be great.</p>