title: Center 1 item in a row, but float other one to the right
body: <p>I am using NgBootstrap with Bootstrap4 and would like to center the pagination into the middle of the page, but have the Page size dropdown on the right side.
  I currently have this.</p>
  <pre><code>  &lt;div class=&quot;d-flex&quot;&gt;
      &lt;ngb-pagination class=&quot;mx-auto&quot;
        [collectionSize]=&quot;(total$ | async)!&quot; [(page)]=&quot;globalListService.page&quot; [pageSize]=&quot;globalListService.pageSize&quot;&gt;
      &lt;/ngb-pagination&gt;
  
      &lt;select class=&quot;custom-select float-right&quot; style=&quot;width: auto&quot; name=&quot;pageSize&quot; [(ngModel)]=&quot;globalListService.pageSize&quot;&gt;
        &lt;option [ngValue]=&quot;2&quot;&gt;2 items per page&lt;/option&gt;
        &lt;option [ngValue]=&quot;4&quot;&gt;4 items per page&lt;/option&gt;
        &lt;option [ngValue]=&quot;6&quot;&gt;6 items per page&lt;/option&gt;
      &lt;/select&gt;
    &lt;/div&gt;
  </code></pre>
  <p>But as expected, the margin on the right still considers the space that the dropdown is taking. I want the pagination to be exactly centered</p>
  <p><a href="https://i.stack.imgur.com/hSr6J.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hSr6J.png" alt="enter image description here" /></a></p>
  <p><strong>Working solution:</strong></p>
  <pre><code>&lt;div class=&quot;d-flex justify-content-center&quot;&gt;
    &lt;ngb-pagination class=&quot;position-absolute&quot;
                    [collectionSize]=&quot;(total$ | async)!&quot; [(page)]=&quot;globalListService.page&quot; [pageSize]=&quot;globalListService.pageSize&quot;&gt;
    &lt;/ngb-pagination&gt;
  &lt;/div&gt;
  &lt;div class=&quot;d-flex justify-content-end&quot;&gt;
    &lt;select class=&quot;custom-select&quot; style=&quot;width: auto&quot; name=&quot;pageSize&quot; [(ngModel)]=&quot;globalListService.pageSize&quot;&gt;
      &lt;option [ngValue]=&quot;2&quot;&gt;2 items per page&lt;/option&gt;
      &lt;option [ngValue]=&quot;4&quot;&gt;4 items per page&lt;/option&gt;
      &lt;option [ngValue]=&quot;6&quot;&gt;6 items per page&lt;/option&gt;
    &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>