Truncate text with an ellipsis in CSS

.truncate {
    max-width: 20em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}