Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> .pag { display: inline-block; } .pag a { color: black; float: left; padding: 12px 18px; text-decoration: none; } .pag a.active { background-color: #060185; color: white; border-radius: 50%; } .pag a:hover:not(.active) { background-color: #cbcadb; border-radius: 50%; } </style> </head> <body> <h2>Pagination</h2> <div class="pag"> <a href="#">«</a> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a class="active" href="#">6</a> <a href="#">7</a> <a href="#">8</a> <a href="#">»</a> </div> </body> </html>