CSS跨段浮動左右段落？

Question

直到現在，當我有一個例子線

---以前的頁面寬度---未來

我用2個孩子一個div容器，樣式浮動：左&浮動：權

我認爲它可能從一個段落行來完成與跨度的也許是這樣的：

<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