main.css

.container {
  /*
    If you have a block-level element of a certain width, margin: 0 auto;
    will how you center it inside its parent container.
 
    See: http://bluerobot.com/web/css/center1.html
    
    Don't change the container width.
  */
  margin: 0 auto;  
  width: 720px;
}
 
small.page_no {
  float: right;
  color: #ddd;
}
 
.pagination {
  background-color: #eee;
  margin: 10px 0px;
  float:left;
  display: block;
}
 
.pagination a {
  color: #222;
  text-decoration: none;
  float:left;
  display: block;
  
}
.pagination ol {
  padding:0px;
float:left;
  display: block;
  } 
.pagination ol li{
  list-style-type: none;
  float:left;
  display: block;
  
}
.pagination a.disabled {
  color: #ccc;

}

.pagination a.first-child{
  float:left;
  display: block;
}

.pagination a.last-child{
  float:left;
  display: block;
}

.footer {clear: both;}

* {
   border: 1px solid red !important;
}