# Pagination

```
<div class="pagination">
  <nav class="pagination--pages">
    <ul class="pagination--items">
      <li class="pagination--item -prev"><a>Previous</a></li>
      <li class="pagination--item"><a>1</a></li>
      <li class="pagination--item"><a>2</a></li>
      <li class="pagination--item -current">3</li>
      <li class="pagination--item"><a>4</a></li>
      <li class="pagination--item"><a>5</a></li>
      <li class="pagination--space">…</span>
      <li class="pagination--item"><a>34</a></li>
      <li class="pagination--item"><a>35</a></li>
      <li class="pagination--item -next"><a>Next</a></li>
      <li class="pagination--range" title="(1 - 50/820)">(1 - 50/820)</li>
    </ul>
  </nav>
  <div class="pagination--options">
    <ul class="pagination--items">
      <li class="pagination--label" title="Per page:">Per page:</li>
      <li class="pagination--item"><a>10</a></li>
      <li class="pagination--item"><a>20</a></li>
      <li class="pagination--item -current">50</li>
      <li class="pagination--item"><a>100</a></li>
      <li class="pagination--item"><a>200</a></li>
    </ul>
  </div>
</div>

```