Пейджер css
Теорема: пейджер - это список.
<style>
ul.pager {
margin: 0;
padding: 0 ;
list-style: none;
text-align: center;
white-space:nowrap;
}
ul.pager li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
}
</style><ul class="pager">
<li><a href="0"><<</a></li>
<li><a href="1"><</a></li>
<li><a href="1">1</a></li>
<li>2</li>
<li><a href="3">3</a></li>
<li><a href="4">4</a></li>
<li><a href="5">5</a></li>
<li><a href="6">6</a></li>
<li><a href="3">></a></li>
<li><a href="6">>></a></li>
</ul>

Что и т.д.