FREE CSS COMPONENT
Pagination
Use clear current-page semantics and provide accessible labels for previous and next controls.
Live preview
123→
HTML
<nav aria-label="Pagination"><a href="#">1</a><a href="#" aria-current="page">2</a><a href="#">3</a></nav>
CSS
.demo-pagination{display:flex;gap:6px}.demo-pagination span{width:34px;height:34px;border:1px solid #ddd;display:grid;place-items:center;font:12px Inter,sans-serif;color:#555}.demo-pagination .active{background:#111;color:#fff;border-color:#111}