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 vote352 views1 answer
Vervaging en verloop css
CSS
0 vote373 views2 answers
Sass if
CSS
0 vote322 views1 answer
How to give a background color strip in html and css
CSS
35 votes371 views2 answers
Transform properties css
CSS
3 votes402 views1 answer
Include screen size
CSS
0 vote316 views1 answer
Sticky form look blurred
CSS
1 vote382 views2 answers
How to center topnav bar in html
CSS
6 votes389 views3 answers
Css for safari only
CSS
1 vote325 views1 answer
A open new tab css
CSS
6 votes376 views6 answers
Break word css
CSS