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 vote396 views1 answer
Change order columns bootstrap
CSS Bootstrap
0 vote349 views1 answer
Media queries css wit logical operators
CSS
76 votes314 views6 answers
Reduce method
CSS
32 votes300 views2 answers
Git stop merge
CSS
0 vote309 views1 answer
Css dropdown menu with scrollbar
CSS
0 vote320 views1 answer
Poretty print css
CSS
21 votes331 views5 answers
Text-overflow: ellipsis 2 lines
CSS
0 vote320 views1 answer
Button remove surroundings
CSS
3 votes408 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
13 votes323 views1 answer
Rgb gold
CSS