関連プロパティ

• white-space
• overflow

text-overflow

ボックスの幅が制限されていて、且つ'white-space'に[nowrap]や[pre]が指定されていて、テキストが横方向にはみ出し、且つ'overflow'に[visible]以外の値が指定されている場合、長過ぎるテキストは右にはみ出します。

このプロパティは、そのはみ出したテキストに対して、可視部分の最後に省略符号(「...」の事)を入れるかどうかを指定します。置換要素には無効です。

以下にひとつ例を挙げておきます。'text-overflow'と'overflow'を換えてみて、大体の感じを掴んでください。
<div style="
  width:120px;height:50px;border:1px solid blue;white-spce:nowrap;
  overflow:hidden;
  text-overflow:ellipsis
">
We hold these truths to be self-evident, that all people are created equal.
</div>