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

145 votes270 views6 answers
Add bootstrap to react
CSS
0 vote238 views1 answer
Style scrollbar table
CSS
0 vote231 views1 answer
Put light shadow around div
CSS
0 vote277 views1 answer
How to apply a transition to a child element when hovering over parent element
CSS
0 vote258 views1 answer
Javascript typewriter effect left to right
CSS
8 votes259 views3 answers
Css darkmode
CSS
126 votes250 views7 answers
Css box shadow
CSS
0 vote231 views1 answer
Wordpress how to change logo on a certain page with css
CSS
4 votes234 views2 answers
Transition various properties css
CSS
80 votes241 views6 answers
Add css file to html
CSS