title: Centering ngx pagination element in angular
body: <p>I am using ngx pagination from <a href="https://www.npmjs.com/package/ngx-pagination#styling" rel="nofollow noreferrer">ngx pagination</a> to implement pagination on my table in angular, I am trying to center the ngx pagination element or make it float right but for some reason, it's not responding I looked into similar questions here and tried those methods but it did not work.</p>
  <p>Here is the code I used :</p>
  <p>Markup</p>
  <pre><code> &lt;div class=&quot;pagination&quot;&gt;
              &lt;pagination-controls
                id=&quot;data source 2&quot;
                directionLinks=&quot;false&quot;
                (pageChange)=&quot;p = $event&quot;
              &gt;&lt;/pagination-controls&gt;
            &lt;/div&gt;
  </code></pre>
  <p>CSS</p>
  <pre><code>.pagination {
    display: flex;
    justify-content: center;
  }
  
  </code></pre>