Long Text with Ellipsis using CSS ( Text with ellipsis... )

• We see in many places the label values or some other places that the text is very long.
• If the text is too long it wraps to the new line.
• But if you dont want text to wrap to new line and show ellipsis. This below CSS style will help you.

Eg:
<p class="ellipsisStyles"> This is an example to show the usage of long text with ellipsis </p>

If you want this text not to be wrapped and to be showed as "This is an example to ..." with ellispsis.

.ellipsisStyles{
     text-overflow:ellipsis;
     overflow:hidden;
     width:100px;
     whitespace: no-wrap;
}