diff --git a/example.html b/example.html
index 7e9f607..658b73f 100644
--- a/example.html
+++ b/example.html
@@ -7,17 +7,8 @@
       body {
         padding: 50px;
       }
-      .pager li.active a {
-        font-weight: bold;
-        border-color: #ddd;
-      }
-      .pager li a {
-        text-decoration: none;
-        border-radius: 3px;
-        border: 1px solid #eee;
-        padding: 3px 8px;
-        margin: 0 2px;
-        color: #2a2a2a;
+      .pager {
+        margin: 10px;
       }
     </style>
 
diff --git a/pager.css b/pager.css
index cd2227b..6c39173 100644
--- a/pager.css
+++ b/pager.css
@@ -10,4 +10,37 @@
 
 .pager-hide {
   opacity: .2;
-}
\ No newline at end of file
+}
+
+.pager-hide a {
+  cursor: default;
+}
+
+.pager-active {
+  font-weight: bold;
+}
+
+.pager-page,
+.pager-dots {
+  display: inline-block;
+  width: 40px;
+  margin: 0 3px;
+  padding: 0;
+  text-align: center
+}
+
+.pager li.pager-active a {
+  font-weight: bold;
+  border-color: #ddd;
+}
+
+.pager li a {
+  display: inline-block;
+  width: 100%;
+  text-decoration: none;
+  border-radius: 3px;
+  border: 1px solid #eee;
+  line-height: 20px;
+  margin: 0 2px;
+  color: #2a2a2a;
+}