xxxxxxxxxx
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
// div in a flex - assign width% , no need of even max-width !
xxxxxxxxxx
.long-text {
width: 150px;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
}