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 vote179 views1 answer
Css flex bottom
CSS
0 vote182 views1 answer
Image with colored background html css tigether
CSS
1 vote181 views2 answers
Css input border radius focus
CSS
0 vote176 views1 answer
Css code for increasing size
CSS
0 vote186 views1 answer
Display content in column css
CSS
5 votes234 views6 answers
Tailwind CDN
CSS
5 votes188 views2 answers
Zoom animations in css
CSS
16 votes193 views4 answers
Arrow down css
CSS
-1 vote190 views1 answer
Select box arrow hide css in ie
CSS
3 votes182 views2 answers
Div align right in css
CSS