To display movie titles, I would like to have ellipsis, clamp the total number of lines to two, and have the year of the movie behind the ellipsis, such that a movie title like
Eternal Sunshine of the Spotless Mind (2004)
would be displayed like
Eternal Sunshine of
the Spotl... (2004)
when the width is restricted.
This would be straight-forward if it were one line, but I want two.
I have looked around on Stack Overflow, but I couldn't find any way to achieve all three of these. I would prefer a pure CSS solution, as using JavaScript for this seems finicky, but if that's not possible I guess I don't really have a choice.