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 vote224 views2 answers
Button with background image and text html css
CSS
17 votes186 views1 answer
Calc sass variables
CSS
1 vote162 views2 answers
How to make a div fill the screen
CSS
0 vote190 views1 answer
Sass mixin breakpoint
CSS
0 vote181 views1 answer
Scss global class
CSS
10 votes159 views2 answers
Line-height css
CSS
0 vote341 views2 answers
Css multiline comment
CSS
2 votes168 views3 answers
Css media screen
CSS
1 vote178 views1 answer
Html list over three columns
CSS
61 votes175 views5 answers
Css paragraph ellipsis
CSS