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: