Text-overflow CSS truncation

Works here:

 .overme {
        width: 300px;
        overflow:hidden; 
        white-space:nowrap; 
        text-overflow: ellipsis;
        color: red;
    }
 <div class="overme">
        how much wood can a woodchuck chuck if a woodchuck could chuck wood?
    </div>



   

Trailing dots/ellipsis are colored in red using that basic CSS.

Leave a Comment