使用html标记在宽度上进行javascript换行

是否可以基于像素宽度，使用javascript（而不是css word break或break all）对以下文本进行换行，并保留html标记

我有以下html：

<div>
    <div class="line" id="line-5">
    <b style="font-family: Arial, Helvetica, sans; font-size: 11px;">
        <span class="author-basic">Lorem Ipsum</span>
    </b>
    <span style="font-family: Arial, Helvetica, sans; font-size: 11px;">
         <span class="author-basic">&nbsp;is</span>
    </span>
    <span style="font-family: Arial, Helvetica, sans; font-size: 12px;">
        <span class="author-basic"> sietting industry. Lorem sietting industry. Lorem sietting industry. Lorem sietting industry. Lorem</span>
    </span>
    </div>
</div>

乱数假文
是
锡耶特工业。罗勒姆·西廷工业公司。罗勒姆·西廷工业公司。罗勒姆·西廷工业公司。洛勒姆

---

谢谢

重复？不，因为我要求这个是像素而不是字符