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

9 votes292 views3 answers
Css rotate 90 degrees
CSS
5 votes283 views3 answers
Sticky footer
CSS
0 vote273 views1 answer
Schatten css
CSS
102 votes278 views6 answers
Hide horizontal scrollbar css
CSS
3 votes305 views2 answers
How to make image not draggable in html
CSS
-7 votes371 views6 answers
Css all flex properties
CSS
0 vote283 views1 answer
Css image hover zoom and rotate
CSS
0 vote274 views1 answer
Bash list all npm processes
CSS
0 vote282 views1 answer
Css not last of type
CSS
19 votes284 views3 answers
Keyframes
CSS