Elipsis after two lines

Question

I want elipsis after two lines i have got one solution but it's not working in IE browser.

I want like this:

Amazon Childproofs Echo Speakers, Adds Age-Appropriate Audio Content...

Answer 1

body {
  padding: 50px;
}

.desc {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  height: 40px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: #333;
}

<div class="desc">
  textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt
  textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt
  textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt
  textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt
  textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt textt
</div>