文本赢得'；使用JavaScript进行t换行（绝对位置和换行字）

我将页面拆分为列（div），如下所示：

<div id="main">
<div id="left" style="float:left; width:15%;">
    some text...
</div>

<div id="mid" style="float:left; width:70%;">
</div>
</div>

而且效果很好

现在，我的问题是，我正在使用JavaScript为文本提供一个绝对位置，而整个文本不再包装（这甚至不是一个与长单词相关的问题）。 以下是我的JavaScript代码行中的内容：

document.getElementById("lefttext").style.position = "absolute";
document.getElementById("lefttext").style.top = 500 + "px";

还试图添加，但没有帮助：

document.getElementById("lefttext").style.wordWrap="break-word";

---

您可以设置一个工作JSFIDLE来说明这个问题吗？另外，我假设

lefttext

在HTML中是

left

？

document.getElementById("lefttext").style.wordWrap="break-word";