Html 将图像放置在带换行符的文本旁边

Html 将图像放置在带换行符的文本旁边,html,css,Html,Css,我有一个页脚,由三个部分组成,所有部分应在同一行上: 由一个换行符组成的文本 与两行文字高度相同的图像 两环 我的消息来源如下: <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="

我有一个页脚,由三个部分组成,所有部分应在同一行上:

由一个换行符组成的文本 与两行文字高度相同的图像 两环 我的消息来源如下:

<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>
结果大致如下。如何更改代码使所有内容都显示为一条直线?

如下所示:


你可能应该添加你试图实现的样式,这样我们就可以很好地了解你的要求。打断标记真的不应该用于间距…使用另一个段落。
<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>