怎么用js实现多行文本溢出用省略号？

类似这张图这样的。因为网站制作者模仿这个网站，但是没用文本溢出的js，结果成下面这样的。

下面个的代码是这样的。
<h4>商标设计、标识设计的基本要求</h4>
<time>2015-06-05</time>
<div style="height:100px; width:600px;">
<div style="float:left; height:90px; width:600px; overflow:hidden; white-space:normal; word-break:break-all; text-overflow:ellipsis; -o-text-overflow:ellipsis; ">
<p><span style="font-family:'Microsoft YaHei';font-size:16px;color:#000000;"> 乐印宝凭借多年的印刷经验，经过观察和研究发现，一个完美的标识应具有独创性，并且图像清晰美观，符合标志所有者的属性，容易辨认，容易制作，具有适当的标准色彩。为此，应根据一定的设计原则和美学法则来设计标志。标识的设计思报应侧重考虑以下几点。</span></p>

怎么从这个基础上修改实现多行文本溢出添加省略号？