css - IE7 : floated inside dropping down a line (jsfiddle included)

Question

我有一段文本，末尾有一个向右浮动的跨度。像这样:

<p>Some text describing an event that may wrap to several lines. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur.<span>January 1, 2012</span>

像这样的CSS:

span { float:right; }

在 jsfiddle 上:http://jsfiddle.net/eusonic/aL6J5/8/

在所有现代浏览器上，跨度显示在与段落最后一行的同一行，这就是我想要的(如果段落最后一行太长，它会被强制向下一行，这是完美的)。在 IE7 中，跨度无论如何都会显示在段落下方。我尝试将 display:block 添加到 span 和 float:left 到段落。运气不好。

Answer 1

您将无法在 IE 7 中使用纯 CSS 执行此操作。

将两个元素都放在容器中然后 float <p> 的选项左侧元素和 <span>正确是可行的，但请记住，它不会达到您想要的相同外观。

这背后的想法是在高度未知的段落之后添加日期吗？你想达到什么目的？

我可以建议做点什么吗 like this ？