CSS text-overflow - apply ellipsis if text extends (n)th line?

You can fake it with CSS like this Add a span>......Lorem ipsum dolar etc.

You can fake it with CSS like this. Add a ... at the beginning of the div. ...Lorem ipsum dolar etc.In your CSS get rid of the nowrap and text-overflow add some padding-right position the span down by the bottom right.

CSS . Info-box{ overflow:hidden; height: 3em; width: 300px; font-size: 1em; line-height: 1em; padding-right:20px; } . Info-box span{ position:relative; top:31px; left:297px; display:inline-block; } Working Example: jsfiddle.net/jasongennaro/UeCsk/ fyi... there will be a small gap at the top left, where the ellipsis is supposed to be (because we are using position:relative;.

Fyi 2... this should work with however many lines you want (you mentioned three in the question) provided that you adjust the top and left.

Thanks, this is a very nice technique, thanks, I'm trying it out – stephenmurdoch Sep 24 at 18:53.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.