IE7：在<p>中浮动<span>下降一行（包括jsfiddle）</p> </span>

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/

在所有现代浏览器中，span显示在与段落最后一行相同的行上，这就是我想要的（如果段落的最后一行太长，它将被强制下一行，这是完善）。在IE7中，无论如何，跨度显示在段落下方。我已经尝试将display：block添加到span并浮动：左边的段落。没有运气。

Answer 1

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

选择将两个元素放在一个conatiner中，然后向左浮动<p>元素和<span>右边是可行的，但要记住它不会达到你想要的外观

这背后的想法是否在具有未知高度的段落之后具有日期？你想要实现什么目标？

我可以建议做一些事情like this吗？