リンクのリストからページネーション ナビゲーション要素を作成しようとしています。ページ番号は中央に配置し、前/次のボタンはそれぞれ親要素の左端と右端に配置する必要があります。
ただし、要素を正しく動作させることはできません。
リスト要素をdisplay:inlineページ番号に設定すると、インライン要素で垂直マージンが計算されないため、整列しません:
http://jsfiddle.net/PftgP/
代わりに使用display:inline-blockすると、ページ番号のマージンは機能しますが、前/次のボタンはフローティングしなくなりました
http://jsfiddle.net/LDzgK/1/
クレイジーな position:relative ハックに頼ったり、html を変更したりせずに、ページ番号を垂直方向に整列させ、前/次ボタンを正しくフロートさせる簡単な方法はありますか? 簡単な修正が欠けていると確信しています。