x
<html><title>W3.CSS</title><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="stylesheet" href="4/w3.css"><body><div class="w3-container"><h2>Bordered Pagination</h2><p>Add a w3-border class to add borders to a pagination:</p><div class="w3-bar w3-border"> <a href="#" class="w3-bar-item w3-button">«</a> <a href="#" class="w3-bar-item w3-button">1</a> <a href="#" class="w3-bar-item w3-button">2</a> <a href="#" class="w3-bar-item w3-button">3</a> <a href="#" class="w3-bar-item w3-button">4</a> <a href="#" class="w3-bar-item w3-button">»</a></div><p>Add a w3-show-inline-block class to display inline:</p><div class="w3-show-inline-block"><div class="w3-bar w3-border"> <a href="#" class="w3-bar-item w3-button">«</a> <a href="#" class="w3-bar-item w3-button">1</a> <a href="#" class="w3-bar-item w3-button">2</a> <a href="#" class="w3-bar-item w3-button">3</a> <a href="#" class="w3-bar-item w3-button">4</a> <a href="#" class="w3-bar-item w3-button">»</a></div></div><p>Add a w3-center class to center the pagination:</p><div class="w3-center"><div class="w3-bar w3-border"> <a href="#" class="w3-bar-item w3-button">«</a> <a href="#" class="w3-bar-item w3-button">1</a> <a href="#" class="w3-bar-item w3-button">2</a> <a href="#" class="w3-bar-item w3-button">3</a> <a href="#" class="w3-bar-item w3-button">4</a> <a href="#" class="w3-bar-item w3-button">»</a></div></div></div></body><!-- Mirrored from www.w3schools.com/w3css/tryit.asp?filename=tryw3css_pagination_border by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 27 Jan 2020 02:28:07 GMT -->