css - 分页：上一个/下一个链接对齐

Question

我现在正在创建一个新的博客设计，它具有一种分页功能，其中有一个帖子列表，然后是指向下一个（旧帖子）和上一页（新帖子）的链接。

我想知道是否有关于如何对齐这些按钮的好建议，即哪个向左，哪个向右？

Answer 1

HTML：

<div class="pagination">
    <div class="left">
        <a href="#">Previous</a>
    </div>
    <div class="right">
        <a href="#">Next</a>
    </div>
</div>

CSS：

.pagination .left {
    float: left;
}

.pagination .right {
    float: right;
}

JSFiddle：http: //jsfiddle.net/ZKVp3/

这是你想要的方式吗？左边是“上一个”，右边是“下一个”？

Answer 2

就个人而言，我会在左边有较旧的帖子，在右边有较新的帖子。这有点像翻书的一页。左到 -> 右