JSFiddle - React, Tailwind, and code Playground

by Mehmet Yener

HTML

<div class="textBox">
    Some Text by erenyener
</div>

<div class="textBox2">
    Some other Text by erenyener with White Space Nowrap
</div>

<div class="textBox3">
    Ellipsis Text FROM NOW ON THIS TEXT WILL BE SHOWED AS 3 DOTSSSSSS
</div>

CSS

.textBox{
    max-width:100px;
    max-height:50px;
    background-color:red;
}
.textBox2{
    margin-top:20px;
    max-width:100px;
    max-height:50px;
    background-color:red;
    white-space:nowrap;
}

.textBox3{
    margin-top:20px;
    max-width:100px;
    max-height:50px;
    background-color:red;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}