css はみ出た文字を...表示したい

css

以下で出来たのでメモ

overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;

と思ったらIE11で表示されない。

css - text-overflow:ellipsis doesn't work on IE - Stack Overflow

どうやらIE11だとテキストの前に＜br＞があると表示されなくなるらしい。

なので＜br＞を消して以下のように変更

display:block;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;