CSS在段落中左右浮动?

时间:2010-10-03 17:00:19

标签: css css-float html

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

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

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

我认为可以从一个段落行完成,其中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; }

但是没有这样做..

1 个答案:

答案 0 :(得分:7)

这是因为span默认显示为inline,因此它没有明确的宽度,以便在中对齐(这是一个非常宽松的描述,但它'我现在就做。)

如果你想要左右对齐的文字,那就不难了,只需:

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

可以在JS Bin

找到演示