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 vote226 views2 answers
Css disabled cursor not allowed
CSS
0 vote257 views2 answers
Materialize css for react
CSS Materialize
0 vote243 views1 answer
Rendre une div scrollable
CSS
27 votes240 views3 answers
@keyframes
CSS
24 votes221 views6 answers
Css filter
CSS
0 vote176 views0 answer
CSS
2 votes228 views3 answers
Css media screen
CSS
0 vote230 views1 answer
Text slide animation css
CSS
0 vote220 views1 answer
Center postion absdolute
CSS
1 vote223 views1 answer
Double color background css
CSS