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

1 vote164 views1 answer
Css hover darken color
CSS
0 vote252 views1 answer
Height current -3px css
CSS
26 votes202 views4 answers
Input outline focus
CSS
-1 vote211 views2 answers
Make all images same size bootstrap
CSS
0 vote231 views2 answers
How do img with same
CSS
0 vote261 views1 answer
Bootstrap-navbar-brand
CSS Bootstrap
2 votes156 views1 answer
Phone width media query
CSS
0 vote193 views1 answer
Mettre image in the background
CSS
0 vote210 views2 answers
Cut word css
CSS
0 vote189 views1 answer
Jquery hide scrollbar but allow scrolling
CSS