title: What is the smartest way of doing middle truncation when div width is fixed?
body: <p>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 <code>text-overflow: ellipsis</code> property I want to have truncation in the middle. I want to hear any interesting idea that you got.</p>