BFE.dev solution for CSS coding question
3. truncate text in multiple lines(with ellipsis)

line-clamp is in CSS Overflow Module Level 4 but not ready yet,

For now we have to use -webkit-line-clamp with a combination of following properties.

.max-three-lines {  -webkit-line-clamp: 3;  display: -webkit-box;  -webkit-box-orient: vertical;
`-webkit-line-clamp` only works with when above two properties set
  overflow: hidden;
without `overflow`, contents will not be clippedeven when ellipsis are added by `-webkit-line-clamp`
}