<div class="vertical-clamp">
  Lorem ipsum dolor sit amet consectetur adipiscing elit aliquam donec id, ac ultricies euismod lobortis natoque aptent cursus mollis molestie consequat bibendum, dapibus primis porttitor taciti duis inceptos morbi cubilia nisl. Velit mi pulvinar orci auctor
  dignissim diam quam risus duis potenti sapien, vulputate aliquet dictum habitant conubia commodo aliquam at vestibulum primis, blandit sem cubilia convallis nec nisl platea in habitasse sociosqu. Ante nisi sem dictumst fermentum consequat id in, rutrum
  dapibus mattis bibendum ornare tellus, pellentesque eget curabitur donec malesuada urna laoreet, enim mollis ad lobortis aliquam.
</div>
.vertical-clamp {
  max-width: 350px;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* Only Show Four Lines */
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.