css - 最后一个字后的 float 图像

Question

我希望图像(评级星)始终 float 到标题的和。 但是当标题变大(两行)时，图像在下一行，而不是最后一个字。

有没有办法让图片在最后一个字的点之后 float ？

http://jsfiddle.net/MJgU4/1/

<h1>This is short text</h1><span>float image</span>
<br /><br />
<h1>This is long text. This is long text. This is long text. This is long text. This is long text. This is long text. This is long text.This is long text.</h1><span>float image</span>

Answer 1

关键是设置h1标签显示为内联元素。您混淆了浏览器如何处理不同的元素。浏览器在呈现 block 元素(如 h1)时引入换行符，因此您需要将标题显示为内联元素。

fiddle example

code fiddle