Multiline ellipsis

by Vipin Patil

HTML

<div>
Econship Delivers high quality containers. Alongwith continuous maintenance and repair we provide only the best since 70% of our containers are less than 3 years old. Econship is the proud owner of a vast collection of containers in terms of Size and types.
</div>
<hr>
<div>


We Carry cargo in containers from CY to CY (Container Yard) between ports in Asia. We are known as Shipping Line or NVOCC ( Non Vessel Owing Container Carrier). Our motto is 'Quicker Simpler & Better'. And we practically live it.  
</div>

CSS

div
{
   display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 400px;
  height: 109.2px;
  /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 26px;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  
}