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

個人的には、古い記事を左側に、新しい記事を右側に配置します。本のページをめくるようなものです。左→右