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

6 votes224 views2 answers
Selecting last child css
CSS
0 vote217 views1 answer
Text slide animation css
CSS
2 votes201 views3 answers
Css remove
CSS
6 votes201 views6 answers
Console.log with color font
CSS
1 vote212 views1 answer
How to change style based on screen size
CSS
0 vote247 views1 answer
How to make gray ufing rgb in css
CSS
37 votes206 views5 answers
How to apply linear gradient to text in css
CSS
0 vote185 views1 answer
Style jQuery draggable clone
CSS
0 vote192 views1 answer
How to fix the html on tablet movement
CSS
0 vote199 views1 answer
Relier css html
CSS