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

3 votes110 views2 answers
Multiple box shadows css
CSS
1 vote97 views1 answer
Stop the client from scrolling
CSS
0 vote105 views1 answer
Every user on your website has an image avatar that is displayed when
CSS
0 vote109 views1 answer
How to override bootstrap css in wordpress
CSS
0 vote107 views1 answer
Decrease space between paragraphs html
CSS
11 votes100 views3 answers
Css poppins font
CSS
202 votes249 views6 answers
How to reference a css file in html
CSS
0 vote109 views1 answer
Flex box divs squeeze together
CSS
0 vote108 views1 answer
React bootstrap css module use media query mixin
CSS
0 vote118 views1 answer
Css borrar
CSS