Css text cut dots

Overflow dottet

.cut-text { 
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

Source: stackoverflow.com

Css text cut dots

.cut-text { 
  text-overflow: ellipsis;
  overflow: hidden; 
  width: 160px; 
  height: 1.2em; 
  white-space: nowrap;
}
<div class="cut-text">
I like big butts and I can not lie.
</div>

Similar codes

55 votes153 views3 answers
Jquery add css
CSS
55 votes124 views5 answers
Margin shorthand CSS
CSS
0 vote112 views1 answer
Css good font color
CSS
0 vote116 views1 answer
Css a little transparent
CSS
47 votes128 views6 answers
Css blur
CSS
0 vote111 views1 answer
How to make website using html and css
CSS
1 vote116 views1 answer
Css after not working
CSS
1 vote113 views1 answer
How to write if condition in css
CSS
34 votes104 views6 answers
Css linear gradient
CSS
0 vote122 views4 answers
Tailwind to css converter
CSS