Elipsis in more than one line

by padma rubhan

HTML

<div class="elips3">
df hytrh rthrth rth rth rthr thr tjhrt rth jrthj rthrsth rsth rthrt rwsht rth rth rth rth rasth srth srth srthrsthrsthrth rtjh rtjhrt jjyyt rt rwsht rth rth rth rth rasth srth srth srthrsthrsthrth rtjh rtjhrt jjyyt
rt rwsht rth rth rth rth rasth srth srth srthrsthrsthrth rtjh rtjhrt jjyyt rt rwsht rth rth rth rth rasth srth srth srthrsthrsthrth rtjh rtjhrt jjyyt</div>

CSS

.elips3{
	display: block;
    display: -webkit-box;
    max-width: 200px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@-moz-document url-prefix() {
  .elips3 {
    overflow: hidden;
    position: relative;
     white-space: nowrap;
  }
  .elips3:before {
    background: #FFFFFF;
    bottom: 0;
    position: absolute;
    right: 0;
    float: right;
    content: '\2026';
     white-space: nowrap;
  }

}