Online HTML Editor
Javascript Online Compiler
index.html
Change Theme
Compress code
Uncompress code
Download Code
Clear Code
Copy Code!
Run
Click to run or ctrl+s
Output
<!DOCTYPE html> <html> <head> <title>CSS pagination - Example 2</title> <style> .simple-pagination { list-style: none; padding: 0; margin: 0; } .simple-pagination li { display: inline-block; margin: 0 1px; } .simple-pagination li a { display: inline-block; padding: 10px 15px; background: #eebe57; color: #020202; text-decoration: none; /* round border */ border-radius: 50%; } </style> </head> <body> <h1>Pagination with round border.</h1> <ul class="simple-pagination"> <li><a href="#">«</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">7</a></li> <li><a href="#">»</a></li> </ul> </body> </html>
Run
