CSS在段落中左右浮動

Question

到現在為止，當我只舉一個例子

上一頁---頁面寬度---下一頁

我使用了一個有2個孩子的容器div，樣式為float：left和float：right

我認為可以通過跨度的一段段落來完成，例如：

<p><span class="s-left">previous</span><span class="s-right">next</span></p>

我嘗試使用CSS：

span.s-left { text-align: left; }
span.s-right { text-align: right; }

但這沒有做到。

Answer 1

這是因為span是默認顯示inline ，所以它對於文本中排列（這是一個非常松散的描述，但它會為現在做的），沒有明確的寬度。

如果您想使文本左右對齊，則難度不大，只需：

p {
text-align: right;
}
span.s-left {
float: left;
}

可以在JS Bin上找到演示