如何在段落内浮动图像答案

【问题标题】：how to float an image left within a paragraph如何在段落内浮动图像
【发布时间】：2015-10-09 01:38:18
【问题描述】：

在我正在开发的ecommerce store 的主页上，就在旋转木马下方，H1“我希望我正在编织...”下面有一张图片，上面有一段包装。

我已将浮点类应用于位于p 标记内的img 标记。通过从 img 标记中删除引导程序 img-responsive 类，我使一行文本正确浮动。

为什么整个段落不换行？我会将标记和 CSS 放在此文本中，但由于此代码是巨大的 .asp 系统的一部分，我想知道人们是否愿意在您可以看到的页面上使用 Inspect Element 检查标记和 CSS它周围的其他代码和 CSS。

【问题讨论】：

【解决方案1】：

我发现了我的主要错误。考虑到我的发展状况，这是一个可以理解的错误。原来我正在编辑错误的css文件。当我将我的 css 放入正确的文件中时，一切正常。我会感激地检查你的好主意和意见。是的，填充会有所帮助。

【讨论】：

【解决方案2】：

我看到你添加了class="floatleft"，但你需要添加css float: left;。使用 Chrome 开发工具测试，它可以工作:)。

您始终可以使用以下方法将类添加到您的 css 中：

.floatleft {
   float: left;
}

那么您只需要更改 CSS 而不是您的 HTML。祝你好运！

【讨论】：