title: Text-overflow: ellipsis; and max-height - is it possible?
body: <p>I would like to add 3 dots at the end of the trimmed content. How would yous achieve this?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>div#sourceBioHu {
    color: #000;
    text-align: justify;
    padding: 20px;
    overflow: hidden;
    white-space: inherit;
    max-height: 150px;
    display: inline-block;
    text-overflow: ellipsis;
    width: calc(95%);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="sourceBioHu"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at magna quis tortor interdum laoreet eget et libero. Morbi augue lacus, consectetur ac varius non, sagittis non quam. Nulla facilisi. Ut tellus dolor, accumsan ut quam sed, fringilla vestibulum
    magna. Nam ultrices egestas vulputate. Phasellus efficitur metus in augue sollicitudin laoreet. Duis enim arcu, efficitur eget erat at, finibus interdum dolor. Aliquam lacinia, odio in imperdiet dignissim, lectus sem tempor quam, ac mattis turpis tellus
    vel mauris. Fusce ullamcorper magna vel porttitor consequat. Praesent viverra consequat massa fringilla facilisis. Sed venenatis ac lacus a dictum. Nullam ac sapien dictum turpis rhoncus sollicitudin in sed lorem. Vivamus venenatis mauris sit amet dignissim
    blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam bibendum feugiat velit quis lobortis. Nulla facilisi. Fusce vitae dolor dui. Nullam commodo sodales odio vel suscipit. Etiam viverra erat nec
    metus fringilla volutpat. Mauris tristique libero a nulla consectetur pulvinar. Proin ut tempor nisi. Quisque viverra euismod erat eu commodo. Aliquam erat volutpat. Fusce sed blandit quam. Mauris et ligula magna. Aliquam nec fermentum erat, at ultrices
    neque. Fusce vel justo quis orci imperdiet cursus nec ac leo. Quisque purus lorem, rhoncus ut neque et, tempor laoreet nunc. Pellentesque auctor tristique nisi eu consectetur.
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Thank you for your answers in advance.</p>