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 vote158 views1 answer
Round image center
CSS
0 vote273 views1 answer
Insert a new key value in an object of an array
CSS
3 votes145 views1 answer
Responsive flexbox in css
CSS
0 vote147 views1 answer
Css remove list indent
CSS
0 vote159 views1 answer
Giving body maximum width in css
CSS
19 votes160 views6 answers
Css font
CSS
62 votes151 views5 answers
Media max width css
CSS
0 vote212 views1 answer
Make td match display flex
CSS
1 vote197 views1 answer
Ie11 flex 1
CSS
1 vote155 views1 answer
Sql file extension
CSS