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

0 vote141 views1 answer
Negative border radius
CSS
59 votes146 views6 answers
Remove underline from link css
CSS
43 votes144 views6 answers
Css change background color
CSS
0 vote140 views1 answer
Link para inserir css
CSS
1 vote135 views1 answer
Class indicator css
CSS
2 votes133 views6 answers
Neumorphism
CSS
0 vote134 views1 answer
Parcel-bundler bulma css
CSS
1 vote132 views1 answer
Lato font family css
CSS
197 votes359 views6 answers
Connect html file to css
CSS
1 vote138 views1 answer
How to keep background image sticky on top
CSS