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 vote132 views1 answer
How can i make a menu bar appear by clicking an icon? in css?
CSS
0 vote111 views3 answers
Css how to make 2d animations at once
CSS
0 vote141 views1 answer
How to mirror flip a video tag css
CSS
0 vote144 views1 answer
How to take only part of an image css
CSS
15 votes135 views3 answers
Css wrap
CSS
0 vote136 views1 answer
Get element in list ocaml
CSS
1 vote142 views1 answer
-webkit css
CSS
57 votes146 views6 answers
Virtualenv --python
CSS
1 vote102 views2 answers
Pure css spinner
CSS
0 vote137 views1 answer
Code preview html css tag
CSS