css - 使文本和右浮动 div 出现在其灵活容器内的一行上——无需更多 HTML

Question

仅使用 CSS，我试图强制右浮动元素在不给父容器宽度的情况下不清除其左对齐的兄弟文本。父级是块级，但浮动。基本上，容器需要始终是最小宽度以适合文本节点和<div>一行，并且它们需要实际呈现在一行上。

比如这里浮动的右边div总是会跳到文本节点下面的那一行：

#demo {float:left;border:solid 1px blue;}       
#demo div {float:right;border:solid 1px green;}   

<div id="demo">
  Text Node!
  <div>right-floated</div>
</div>

最大的限制是我根本无法更改 HTML——我无法<span>在文本节点周围添加标签，也无法切换顺序以使文本节点排在第二位。换个顺序就可以解决问题了。

另一件事是我不想为包含元素指定宽度，因为内容宽度会变化很大。仅使用 CSS 可能无法做到这一点，但我只是想看看是否有人有绝妙的技巧。