将分页箭头放在一起

Question

我正在尝试在HTML5页面上获取分页箭头。

CSS：

.arrow {
    padding : 18px;
    display: inline-block;
}

HTML：

<a href="" class="arrow">&laquo;</a>
<a href="" class="arrow">&raquo;</a>

然而，箭头显示在两个单独的行中。

如何让他们在一条线上？我正在使用Firefox。

Answer 1

有人可能希望将分页放在容器中。只需将无序列表包装在具有已定义宽度的内容中，然后添加以.pagination为中心的类。

希望这有帮助！

P.S。我同意Adjit。

Answer 2

我看到了这个问题的第一个版本，所以我知道你的箭头是预先标记的。因此，要么将这些之间的空格移除到箭头，那么它应该是

<pre><a href="#" class="arrow">&laquo;</a><a href="#" class="arrow">&raquo;</a></pre>

而不是

<pre>
<a href="#" class="arrow">&laquo;</a>
<a href="#" class="arrow">&raquo;</a>
</pre>

或者只是移除您的预标签。

pre标签定义了预先格式化的文本，代码中的每一行都将是加载页面上的新行。你的箭头分成两行，当页面加载时你的箭头之间有空白。

DEMO

Answer 3

看起来我必须将显示更改为“内联”：并且还使用css更具体：#baseid a.arrow。我很惊讶，因为.arrow会是独一无二的。