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

1 vote317 views1 answer
Css selector not contain
CSS
9 votes334 views2 answers
Align items in row css
CSS
3 votes332 views1 answer
Install expo vector icons
CSS
0 vote322 views1 answer
&:disabled not working sass
CSS
0 vote323 views1 answer
Reference WP media file on child theme CSS file
CSS
0 vote332 views1 answer
Css no wrap
CSS
0 vote354 views1 answer
Rendre une div scrollable
CSS
22 votes325 views4 answers
Grid center align css
CSS
0 vote397 views1 answer
How to style navbar-toggler-icon bootstrap 5
CSS Bootstrap
1 vote365 views1 answer
Sass compile minified
CSS