CSS如何使文本始终与段落内联

Question

我有一个宽度未知的文本 block ，我想在它之后放置另一个文本，该文本始终紧跟最后一个词。如果第一个 block 是一行，则将它们都设置为 'inline' 或 'inline-block' 就足够了，但如果第一个 block 多于一行，则第二个 block 总是转到下一行。

代码:

html

<div id="text">sit amet, consectetur adipiscing elit. Donec facilisis eros arcu, sed dictum lorem consequat a. Duis sodales rhoncus felis at convallis.</div>
<div id="new">New</div>

CSS

div {
    float: left;
    display: inline-block;
}

http://jsfiddle.net/nmuUd/1/

'New' 需要始终坚持前一个 block 的最后一个词。我该怎么做？

编辑:澄清一下，我无法更改标记。内容始终位于两个单独的 div 中。

Answer 1

像这样:

html

<div id="text"> sit amet, consectetur adipiscing elit. Donec facilisis eros arcu, sed dictum lorem consequat a. Duis sodales rhoncus felis at convallis. 
<div id="new">New</div></div>

CSS

#new {
    background: red;
}

div {
    display: inline;
}