Restrict a paragraph height css

body {
   margin: 20px;
}

.text {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

Source: stackoverflow.com

Restrict a paragraph height css

.class{
   word-break: break-word;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px; /* fallback */
   max-height: 32px; /* fallback */
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}

Source: stackoverflow.com

Similar codes

0 vote169 views1 answer
Margin not working on inline elements
CSS
0 vote199 views1 answer
How to authenticate with atlassian's Personal data reporting API
CSS
40 votes212 views6 answers
How to write css
CSS
0 vote232 views1 answer
Global css cannot be imported from files other than your
CSS
4 votes219 views3 answers
Add space between flex items
CSS
17 votes180 views2 answers
Typing test
CSS
1 vote222 views3 answers
How to add link click script in url
CSS
0 vote168 views1 answer
Css rich text editor tailwind
CSS
1 vote192 views1 answer
How to add 2 text shadows
CSS
0 vote180 views1 answer
Sass immediate child
CSS