wilgustavo
4/22/2015 - 1:40 AM

JS Bin // source http://jsbin.com/lijoyamibe

JS Bin

// source http://jsbin.com/lijoyamibe

index.html
content_copyfile_download
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
<style id="jsbin-css">
.pagination {
  display: inline-block;
}

.pagination > li{
  display: inline;
}

.pagination > li > a {
  position: relative;
  text-decoration: none;
  float: left;
  margin-left: -1px;
  padding: 6px 12px;
  border: solid 1px #ddd;
  color: #337ab7;
  
}
</style>
</head>
<body>
  <div class="container">
    <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>
      <li><a href="#">6</a></li>
      <li><a href="#">7</a></li>
    </ul>
  </div>


<script id="jsbin-source-css" type="text/css">.pagination {
  display: inline-block;
}

.pagination > li{
  display: inline;
}

.pagination > li > a {
  position: relative;
  text-decoration: none;
  float: left;
  margin-left: -1px;
  padding: 6px 12px;
  border: solid 1px #ddd;
  color: #337ab7;
  
}</script>
</body>
</html>
jsbin.lijoyamibe.css
content_copyfile_download
.pagination {
  display: inline-block;
}

.pagination > li{
  display: inline;
}

.pagination > li > a {
  position: relative;
  text-decoration: none;
  float: left;
  margin-left: -1px;
  padding: 6px 12px;
  border: solid 1px #ddd;
  color: #337ab7;
  
}