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

120 votes484 views3 answers
React import bootstrap css file
CSS Bootstrap
17 votes357 views2 answers
Css horizontal linear gradient
CSS
11 votes354 views1 answer
Wrap none css
CSS
10 votes328 views6 answers
Css hover change another element
CSS
0 vote329 views1 answer
Css margin top responsive
CSS
0 vote374 views2 answers
How to convert directory SASS/SCSS to CSS via command line?
CSS
1 vote344 views1 answer
Css list style url siz
CSS
0 vote334 views1 answer
How to resize img in css
CSS
21 votes318 views6 answers
Text border css
CSS
0 vote344 views1 answer
How to use css print page break with float
CSS