Cómo cortar textos con puntos suspensivos en CSS3

Si necesitas cortar textos con puntos suspensivos en CSS3 teniendo en cuenta que el tamaño es variable, olvida hacerlo en Javascript, con CSS3 es más fácil.

Propiedades CSS

text-overflow: ellipsis; /* puntos suspensivos */ 
white-space: nowrap; /* no permite multilinea */ 
overflow: hidden; /* ocultar el resto */

Vista preliminar

Referencia W3School