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 vote231 views2 answers
Open sublime text 3 from terminal mac
CSS
7 votes236 views6 answers
Jquery remove css class
CSS
1 vote248 views1 answer
Create a animation name in css
CSS
1 vote201 views1 answer
Spaces not showing in p tag
CSS
1 vote217 views1 answer
How to wrap the data in table material UI
CSS
0 vote212 views1 answer
Background affter layer css
CSS
68 votes204 views1 answer
Css flexbox syntax
CSS
3 votes199 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS
0 vote217 views1 answer
Prevent child margin from moving parent css
CSS
0 vote231 views1 answer
Calendar api
CSS