Css overflow y 3 dots

#content{
  overflow: hidden;
  width:100px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

Overflow dots css

.overflow-information{ 
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
  	width:150px; //change based on when you want the dots to appear
}

Similar codes

2 votes103 views1 answer
Putting label on top of input css
CSS
1 vote109 views1 answer
How to keep background image sticky on top
CSS
0 vote103 views1 answer
Siteorigin hide row
CSS
0 vote140 views2 answers
How do img with same
CSS
1 vote122 views2 answers
Place items
CSS
0 vote112 views1 answer
Npm next-css
CSS
0 vote79 views1 answer
Tailwind css absolute pin
CSS
4 votes97 views3 answers
Css selection
CSS
0 vote102 views1 answer
Color custom css use in laravel
CSS
3 votes105 views2 answers
How to change only bullet color in css
CSS