DEV Community

Cover image for Truncating Text with Text-Overflow
SnippFlow
SnippFlow

Posted on

Truncating Text with Text-Overflow

When building websites we often find ourselves in situations where text within an html element goes beyond the available space. To keep things looking nice and readable we can use the css text-overflow property.

See the following Codepen for a demo:

Full article: Truncating Text with Text-Overflow
CSS Snippets

Top comments (0)

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video