Show first 3 lines in HTML paragraph

Question

I want to show only the first 3 lines of the paragraph below using HTML formatting. I am searching on W3Schools but it doesn\'t show how to do it.

Answer 1

You can give the container a height and line-height and set its overflow property to hidden:

HTML

loremloremlorem...

CSS

p {
    height:60px;
    line-height:20px; /* Height / no. of lines to display */
    overflow:hidden;
}

JSFiddle example.