CSS · Typography

text-overflow

Shows an ellipsis when text overflows. Requires overflow:hidden and white-space:nowrap.

cssRunnable example css course

Syntax

text-overflow: ellipsis

Example

Try it

.demo { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.