title: Clamping lines without '-webkit-line-clamp'
body: <p>In the good old days, there existed a trick in webkit for clamping lines using pure css:   </p>
  
  <pre><code>display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  </code></pre>
  
  <p>Though this syntax happily coexists with the <code>display: -webkit-flex</code> syntax, in all modern webkit-based browsers, it is considered obsolete.</p>
  
  <p><strong>My question is:</strong> </p>
  
  <p>How can I achieve line clamping in pure CSS and without the obsolete <code>'-webkit-line-clamp'</code> trick? </p>