CSS在段落中左右浮动？

Question

直到现在,当我有一行示例时

上一页---页面宽度---下一页

我使用了一个带有2个孩子的容器div,样式为float:left&float:right

我认为它可以从一个段落行完成,其中span可能是这样的:

<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找到演示