css ellipsis

by Mayank Dixit

HTML

<div class="mad">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et.</div>

CSS

.mad {
  display: block;
    
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 100px;
    
  /* Fallback for non-webkit */
  margin: 0 auto;
  line-height: 1.4;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}