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

5 votes134 views2 answers
Css make input unselectable
CSS
6 votes138 views3 answers
Linear-gradient(top to bottom)
CSS
59 votes149 views6 answers
Node Sass version 5.0.0 is incompatible with ^4.0.0.
CSS
0 vote133 views1 answer
Jquery change css variiable value
CSS
0 vote135 views1 answer
React css change number animation
CSS
0 vote135 views1 answer
Add pseudo buttons
CSS
0 vote150 views1 answer
Css popover arrow divi menu
CSS
2 votes155 views2 answers
OSX Library not loaded: /usr/local/opt/openssl/lib/libssl.1.0.0.dylib
CSS
12 votes141 views2 answers
Css select every other element
CSS
6 votes136 views2 answers
Css last child with class
CSS