Html 如何在浮动div不存在时将文本环绕在其周围'；如果文本太短，则无法工作？

这段代码中起作用的部分是文本，它在这里表示文本。如果这行文本足够长，它会很好地环绕

。但是，如果它很短，它会显示在下面

我怎样才能让它包住div，不管它有多长

这是我的密码：

正文{
保证金：30px 0px 30px 0px；
文本对齐：居中；
}
梅因先生{
文本对齐：居中；
背景色：#ffffff；
不透明度：0.92；
边界半径：12px；
填充：30px 55px 30px 55px；
边际上限：0px；
边缘底部：0px；
右边距：自动；
左边距：自动；
显示：内联块；
最大宽度：600；
}
分区，
字段集{
溢出：自动；
}
div{
边缘底部：30px；
}
字段集{
边框：1px实心#5c；
边界半径：5px；
背景色：#DEF4FF；
文本对齐：左对齐；
填充物：10 15；
边缘顶部：15px；
}
图{
浮动：左；
宽度：150px；
高度：150像素；
边框：1px实心#555555；
保证金：0px 15px 15px 0px；
}

asdf


此处文本
成分





•

这似乎是由于文本周围有一些空格字符造成的。我建议进行一些清理和验证

T

---

这似乎是由于文本周围有一些空格字符造成的。我建议进行一些清理和验证

T

---

删除文本前的换行符。

删除文本前的换行符。

对此进行修改，以更清楚地显示您的意思。您的HTML有点混乱。字段集是应包装表单输入的表单组件。这不仅仅是一个造型辅助工具。好吧-我做了一把小提琴，链接在问题的底部-。请注意文本是如何显示在方形div下面的。请尝试将文本行变长-然后它会很好地环绕div。@jessica您的意思是文本移动到.pic div的右侧？如果是这样，请将文本换行成div或span，然后向左浮动。示例

此处的文本更多文本更多文本

。另外，请尝试完全删除文本前面的
，并改用填充/空白。根据这一点进行修改，以更清楚地显示您的意思。您的HTML有点混乱。字段集是应包装表单输入的表单组件。这不仅仅是一个造型辅助工具。好吧-我做了一把小提琴，链接在问题的底部-。请注意文本是如何显示在方形div下面的。请尝试将文本行变长-然后它会很好地环绕div。@jessica您的意思是文本移动到.pic div的右侧？如果是这样，请将文本换行成div或span，然后向左浮动。示例

此处的文本更多文本更多文本

。另外，尝试完全删除文本前面的
并使用填充/边距。啊，你的意思是额外的一行打断了文本前面的php？我移除了它，它成功了！现在，无论div有多长，都要缠绕它。谢谢啊，你的意思是，在文本之前，额外的一行打断了我的php？我移除了它，它成功了！现在，无论div有多长，都要缠绕它。谢谢

<div class="pic"></div>
T