<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <div class="container">
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, soluta, animi, molestiae, fugiat quam laborum harum ea delectus distinctio sunt laudantium voluptatum non sit exercitationem dolorem officiis nostrum culpa voluptates.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis, soluta, animi, molestiae, fugiat quam laborum harum ea delectus distinctio sunt laudantium voluptatum non sit exercitationem dolorem officiis nostrum culpa voluptates.</p>
    </div>
  </body>

</html>
// Reset
p {
  margin: 0;
}

// Multiline text with ellipsis
.container {
  background: #eee;
  overflow: hidden;
  width: 100%;
  p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
}