「ページネーション」とは本来編集やレイアウトの分野で、前後のページの自然な連続や演出方法を指すものですが、htmlでは、ページ送りを指します。
リストliを使った要素を横に並べる際はfloat:leftを使用して左詰めしていきます。普通は（１）のようになります。これをセンタリング表示させるためには一工夫が必要です。（２）では、position: relativeを使ってulで右に50%移動し、liで左に50%移動させています。右に寄せるにこの数値を80%程度にします。
※この方法では、IE7、8、9においてliボックスの幅が指定どおりにならないバグが出ます。そのため、（２）では、ulで右に25%移動、liでの移動は無しにしています。（３）も同様です。

また、この方法では、liのaタグにdisplay: blockが効かないため、ボックスに対してマウスオーバーできません（リンクは文字のみに）。そこで（３）ではaタグの中にspanをはさんで、それにdisplay: blockを指定して、ボックスマウスオーバーを実現させています。
※IE6以下は、（３）に対応しないので、条件コメントを使って専用CSSに変更しています。

（２）センタリング

（３）右寄せ、ボックスマウスオーバー