IE7: плавающий <span>внутри <p>, опускающийся вниз по строке (включая jsfiddle)

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.

Возможность размещения обоих элементов в конкатине, затем плавание элемента <p> влево и <span> вправо жизнеспособна, но имейте в виду, что он не будет выглядеть так, как вы хотите.

Идея заключается в том, чтобы иметь дату после абзаца (-ов) с неизвестной высотой (-ями)? Чего ты пытаешься достичь?

Могу ли я предложить что-то сделать , как это ?