What is the smartest way of doing middle truncation when div width is fixed?
===

I have an html div whose width is fixed. I want to put some text content in it. If the text is too long I want to truncate the text. However, unlike `text-overflow: ellipsis` property I want to have truncation in the middle. I want to hear any interesting idea that you got.