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

7 votes393 views3 answers
Stick menu bar in css
CSS
63 votes400 views5 answers
Html position absolute center
CSS
0 vote363 views1 answer
Flex direction tailwind
CSS
0 vote404 views1 answer
Calendar api
CSS
0 vote388 views3 answers
Center ul
CSS
1 vote372 views1 answer
Edit hover with sass
CSS
0 vote336 views1 answer
Make the first item at the very top of the screen
CSS
0 vote367 views1 answer
Secondline ellipsis
CSS
3 votes360 views3 answers
Can you control another div on hover css
CSS
3 votes376 views1 answer
Svg stroke color
CSS