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 vote380 views1 answer
Remove 000webhost ads
CSS
0 vote373 views1 answer
Css animate background color change
CSS
6 votes379 views1 answer
All text in caps using css
CSS
0 vote371 views1 answer
Css no wrap
CSS
6 votes354 views3 answers
How to make rounded corners in css with images
CSS
0 vote358 views1 answer
CSS adding background image from file
CSS
0 vote360 views1 answer
Change link color in wordpress
CSS
3 votes333 views1 answer
Select text-align center
CSS
0 vote356 views3 answers
Style highlight css
CSS
4 votes362 views2 answers
Css zebra
CSS