title: Centre ngx-pagination component
body: <p>I want to centre the ngx-pagination component and remove the padding on the right-hand side. I've tried using wrapping it in a container and it doesn't work:</p>
  
  <pre><code>&lt;div class="list"&gt;
          &lt;ul&gt;
              &lt;li *ngFor="let item of collection | paginate: { itemsPerPage: 10, currentPage: p }"&gt;{{ item }}&lt;/li&gt;
          &lt;/ul&gt;
          &lt;div style="text-align: center"&gt;
              &lt;pagination-controls (pageChange)="p = $event"&gt;&lt;/pagination-controls&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Stackblitz: <a href="https://stackblitz.com/edit/angular-e1f9hq" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-e1f9hq</a>.</p>