cssで末尾を省略する時の注意点 | 15g.jp

Pocket

はみ出した部分を三点リーダにする技がありますが、インライン要素には効かない事に注意です。

こういう時、

はダメです。
必ずブロック要素に掛けるようにしましょう。

もしくは、display:inline-block;としてもいいかもしれませんね。