Create a responsive pagination with CSS



You can try to run the following code to create a responsive pagination with CSS

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <style>          .demo {             display: inline-block;          }          .demo a {             color: blue;             float: left;             padding: 3px 8px;             text-decoration: none;          }       </style>    </head>    <body>       <h2>Our Quizzes</h2>       <div class="demo">          <a href = "prev.html"><</a>          <a href = "quiz1.html">Quiz1</a>          <a href = "quiz2.html">Quiz2</a>          <a href = "quiz3.html">Quiz3</a>          <a href = "quiz4.html">Quiz4</a>          <a href = "next.html">></a>       </div>    </body> </html>
Updated on: 2020-06-24T08:32:29+05:30

535 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements