javascript - 将文本环绕固定分隔线

Question

有没有一种方法可以创建一个 html 元素，即使网页上的内容发生变化它也不会移动它保持在相同的位置并且其余内容环绕它？

我想创建一条横跨动态网页的长线。当有人向网页添加更多内容时，该行应保持完整，而不是像砖墙一样移动，其余内容围绕它移动或跳过它。

视觉示例:

content content content content content contentcontent content
content content content content content contentcontent content co
--------------------------------------------------------------------(long line)
ntent content contentcontent contentcontent contentcontent content
content contentcontent contentcontent contentcontent contentcontent 

注意第 2 行文本如何绕过长行以在该行之后继续。

希望这是有道理的，

找到这个问题，这或多或少正是我想要的jQuery Split content based on height

虽然提问没有回答。

Answer 1

.fencepost {float: left; width: 0.1px; height: 100px;}
.gate {float: left; clear: left; width: 99.9%; height: 30px;}

http://jsfiddle.net/isherwood/P6Z3p/