Html 如何使文本在div的上方和下方流动？

我想基本上做到这一点：

-----------------------------------------------------------------
|                                                               |
| Text Text Text Text Text Text Text Text Text Text Text Text   |
| Text Text Text Text Text Text Text Text Text Text Text Text   |
|---------------------| Text Text Text Text Text Text Text Text |
|                     | Text Text Text Text Text Text Text Text |
|     DIV             | Text Text Text Text Text Text Text Text |
|                     | Text Text Text Text Text Text Text Text |
|---------------------| Text Text Text Text Text Text Text Text |
| Text Text Text Text Text Text Text Text Text Text Text Text   |
| Text Text Text Text Text Text Text Text Text Text Text Text   |
-----------------------------------------------------------------

将div向左浮动并使文本在其下方流动非常容易，但我也需要文本从其上方的左侧流动

这就是我目前所拥有的，我只是不知道从这里走到哪里：

---

文本也是动态的，我需要div的位置是固定的。

把div放在正文的中间：

---

jsiddle有一个CSS部分。为了便于编辑，您应该使用它而不是内联样式。在lipsum文本中向下移动

#panel2ColLeft

。@sachlen不仅仅是jsFiddle。你也可以在现实生活中的网页上使用它请放心，现实生活中的页面将使用样式表，当我遇到这样的布局难题时，内嵌样式可以帮助我解决问题。假设文本是动态的，你知道如何“修复”div的位置吗？你不能，除非你找到一种方法把HTML放在中间，否则，即使文本是动态的，在HTML中的特定位置插入它也不会影响<代码> div <代码>的位置。@ abordy97是的，因为要得到想要的结果，div必须在文本之间的某个地方，如果你必须使用来自CMS或任何类似来源的动态文本，这就更难了。是的，这不是我的设计部门想要的答案，但只能做到这么多。我可以通过计算字符来估计位置，因为它看起来只会浮动到插入的任何一行的左边，但它可以上移或下移的想法并不吸引人。这就是生活。谢谢你，戈列兹特罗。