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

89 votes151 views6 answers
Padding
CSS
0 vote125 views2 answers
How to hide youtube watermark from embedded video :2021
CSS
18 votes129 views4 answers
Background color none
CSS
0 vote125 views4 answers
How to pass html number to css
CSS
7 votes120 views2 answers
Scss extend
CSS
0 vote125 views2 answers
Media Query smartphone only
CSS
0 vote130 views1 answer
React exact path highlight
CSS
1 vote132 views1 answer
Write text in one line css
CSS
6 votes127 views8 answers
Bootstrap css
CSS
2 votes120 views3 answers
Placeholder color default
CSS