Angular 2 Material - How To Center Progress Spinner
<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>