Untitled

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>pagination</title>
	<style>
		* {
			margin: 0;
			padding: 0;
		}
		.pagination-wrap {
			width: 100%;
		}
		.pagination {
			display: table;
			list-style-type: none;
			margin: 30px auto;
		}
		.pagination li {
			float: left;
			margin: 0 5px;
		}
		.pagination li a {
			float: left;
			padding: 3px 7px 5px 7px;
			background: #006;
			color: #ccc;
			border: 1px solid #006;
		}
		.pagination li a:hover {
			text-decoration: none;
			background: transparent;
		}
	</style>
</head>
<body>
	<div class="pagination-wrap">
		<ul class="pagination">
			<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>
		</ul>
	</div>
</body>
</html>