CSS3 Vertical ellipsis

by quanqhuy188

HTML

<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consectetur venenatis blandit. Praesent vehicula, libero non pretium vulputate, lacus arcu facilisis lectus, sed feugiat tellus nulla eu dolor. Nulla porta bibendum lectus quis euismod. Aliquam volutpat ultricies porttitor. Cras risus nisi, accumsan vel cursus ut, sollicitudin vitae dolor. Fusce scelerisque eleifend lectus in bibendum. Suspendisse  sdf álacinia egestas felis a volutpat.xvczxvzxc  xvc zvc zvc zvcxz  zcv zxcv zxcv zxvc zvc zxvc zxvz xcvzx vzxc vzxcv zxcvz 
        </div>

CSS

body {
   margin: 20px;
}

.text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;

   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}