如何在段落中浮动图像

Question

在我正在开发的ecommerce store正好在旋转木马下方的主页上，H1“我希望我编织......”下面有一个图像，其中有一段包裹着它。

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

为什么整个段落不会换行？我会在这里把markup和CSS放在这个文本中，但是因为这个代码是一个巨大的.asp系统的一部分，我想知道人们是否会请你在页面本身上用Inspect Element检查标记和CSS可以看到周围的其他代码和CSS。

Answer 1

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

您始终可以使用以下内容将该类添加到css中：

.floatleft {
   float: left;
}

然后您只需要更改CSS而不是HTML。祝你好运！

Answer 2

我发现了我的主要错误。鉴于我的发展状况，这是一个可以理解的错误。结果我正在编辑错误的css文件。当我把我的CSS放在正确的文件中时，一切正常。我将赞赏地审视你的善意和观察。是的，填充会有所帮助。