如何在图片右侧获取单词？答案

【问题标题】：How do I get words to the right of the picture?如何在图片右侧获取单词？
【发布时间】：2013-04-12 04:07:59
【问题描述】：

我是 html 的新手，我试图将文字放在图片的右侧，而图片在左侧。我搜索了这个站点，发现How do I vertical center text next to an image in html/css? 代码在一定程度上起作用。我有一个段落要键入，但一半段落位于图片下方，而且图片位于中间。

请帮忙。

【问题讨论】：

发布你的 HTML 和 CSS
img { float: left; }
你做了什么吗？
查看这个问题：stackoverflow.com/a/5198514/1354251 所选答案有两个 jsfiddle，它们准确显示了您所描述的内容以及实现它的代码。它也有很好的解释。

【解决方案1】：

如前所述，使用

float: left;

这是一个例子：

如果您希望文字位于图片下方，请删除overflow: hidden;

【讨论】：

【解决方案2】：

<div>
    <img src="yourimage.jpg" style="float: left; margin-right: 5px;" />
    Lorem ipsum dolor sit amet, consectetur adipiscing elit...
</div>

margin-right 不是必需的，但看起来更好。

【讨论】：