<div class="e-pagination">
  <a href="#" class="e-pagination__item e-pagination__item-prev">
    <e-icon icon="caret-left"></e-icon>
  </a>
  <a href="#" class="e-pagination__item">
    1
  </a>
  <a href="#" class="e-pagination__item e-pagination__item-active">
    2
  </a>
  <a href="#" class="e-pagination__item">
    3
  </a>
  <span class="e-pagination__item e-pagination__item-disabled">
    ...
  </span>
  <a href="#" class="e-pagination__item">
    10
  </a>
  <a href="#" class="e-pagination__item">
    20
  </a>
  <a href="#" class="e-pagination__item e-pagination__item-next">
    <e-icon icon="caret-right"></e-icon>
  </a>
</div>

                                <div class="e-pagination"><a href="#" class="e-pagination__item e-pagination__item-prev">
                                    <e-icon icon="caret-left"></e-icon></a><a href="#" class="e-pagination__item">1</a><a href="#" class="e-pagination__item e-pagination__item-active">2</a><a href="#" class="e-pagination__item">3</a><span class="e-pagination__item e-pagination__item-disabled">...</span><a href="#" class="e-pagination__item">10</a><a href="#" class="e-pagination__item">20</a><a href="#" class="e-pagination__item e-pagination__item-next">
                                    <e-icon icon="caret-right"></e-icon></a></div>