Text-Overflow Ellipsis not working for multi-lines in Firefox and IE browsers
<p>I am trying to implement <strong>Ellipsis</strong> after few lines. I have implemented this</p>

<p><a href="https://jsfiddle.net/eqo74h3p/1/" rel="nofollow noreferrer">https://jsfiddle.net/eqo74h3p/1/</a></p>

<p>It is working in Chrome but not in Firefox, IE.</p>

<p><strong>css</strong></p>

<pre><code> line-height: 1.7;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
</code></pre>