Truncate in the middle with pure CSS

(Drag the window to see width changing)

https://jsfiddle.net/anilnf/e6o20fLk/16/

Cut your text in half and keep it in two adjacent spans :)