Пейджер 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">
&lt;&lt;</a></li>
<li><a href="1">
&lt;</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">
&gt;</a></li>
<li><a href="6">
&gt;&gt;</a></li>
</ul>

pager.jpg

Что и т.д.