Ellipsis in the middle of a text (Mac style)

Question

I need to implement ellipsis (\"...\") in the middle of a text within a resizable element. Here is what it might look like. So,

\"Lorem ipsum do         


        

Answer 1

After some research on flex boxes I found this pure CSS solution which I believe is pretty cool.

   
 Her comes very very very very very very very very very very very very very very very very very very very long 
   
  but flexible line