javascript - 将文字环绕在固定的分隔线上

有没有一种方法可以创建一个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

请注意，在第二行，文本如何在长行上换行以在该行之后继续。
希望有意义，
找到这个问题，这或多或少正是我想要的jQuery Split content based on height
但被询问的人没有得到回答。

最佳答案

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

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