使用换行符将图像放在文本旁边

Question

我有一个页脚，它由三部分组成，所有部分都在同一行：

• 由一个换行符组成的文本
• 与两行文字具有相同高度的图像
• 两个链接

我的来源如下：

<div>
<p style="float: left">text text text text text text <br/>text text text text text text</p>
<p><img src="http://placekitten.com/g/30/116" height="30" width="116"/></p>
</div>

<div style="float: right">
Link1 | Link2
</div>

结果大致类似于this。如何更改代码以使所有内容都显示为一条直线？

Answer 1

像这样：

http://jsfiddle.net/NmUaX/26/

<div style="float: left">text text text text text text <br/>text text text text text text</div>
<div style="float: left">
    <img src="http://placekitten.com/g/30/116" height="30" width="116"/>
</div>

<div style="float: right">
Link1 | Link2
</div>