Services
Salesforce development Custom Websites
Work About Contact Resources Components Start a Project →
Home / Components / CSS / Pagination
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}