CSS cut text with dots code example
Example 1: overflow dottet
.cut-text {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
Example 2: text overflow ellipsis css
div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
Example 3: 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>