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

8 votes212 views3 answers
Css max one line three dots
CSS
34 votes183 views4 answers
Css hide element
CSS
4 votes187 views4 answers
Ngclass multiple conditions
CSS
0 vote183 views1 answer
CSS logo left and navigation right
CSS
0 vote181 views1 answer
Bootstrap 5 css how to change
CSS
2 votes196 views1 answer
Css div take remaining screen height
CSS
0 vote185 views3 answers
Div
CSS
1 vote193 views1 answer
Css linkup
CSS
6 votes224 views1 answer
How to change hyperlink color in css
CSS
-1 vote183 views2 answers
How to use before pseudo class in css
CSS