End line with "..." in CSS

Question

I would like to know the property that I can use to make the interrupted sentences (by width) end with ..., for example:

div { width: 100px;
unknown-property: ...;

}

<div>That is my sentence under 100px </div>

and if the sentence exceeds 100px, that is what happens:

That is my sentence with more...

I hope I could explain.

Answer 1

Here you go:

text-overflow: ellipsis;

And you may need:

white-space: nowrap;
overflow: hidden;