html - 分页的内联边距

我正在尝试从链接列表中创建分页导航元素。页码应该居中对齐，prev / next按钮分别浮动到父元素的左右边缘。

然而，我无法让元素表现得恰到好处。

当我将列表元素设置为display:inline时，由于未在内联元素上计算垂直边距，页码不对齐： enter image description here http://jsfiddle.net/PftgP/

使用display:inline-block时，页码边距可以正常工作，但是prev / next按钮不再浮动 enter image description here http://jsfiddle.net/LDzgK/1/

没有诉诸疯狂的位置：相对黑客或改变HTML，有一个简单的方法，我可以让页面编号保持垂直对齐，并使prev / next按钮正确浮动？我确定我错过了一个简单的修复。