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 vote300 views1 answer
Wordpress css admin not loading
CSS
0 vote212 views1 answer
Css checkbox'':checked change color
CSS
0 vote193 views2 answers
Showing two iframes side by side
CSS
0 vote235 views1 answer
How to access a value defined in the application.properties file in Spring Boot
CSS
0 vote261 views1 answer
Look and Feel
CSS
2 votes201 views1 answer
Cool hover effects css
CSS
4 votes196 views2 answers
Css selected color
CSS
34 votes187 views4 answers
Css hide element
CSS
116 votes214 views6 answers
@media screen and (max-width
CSS
31 votes182 views6 answers
Linear gradient
CSS