cssで横幅を超えた文字を...で省略する方法

csのみを使用して、横幅を超えた文字列を…で省略する方法

p.item_name {
         width: 100px;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
}

widthで横幅を固定して、上記のようにcssを指定すると、100pxを超えた文字列は…で省略して表示されます。

てすと...

見たいに表示されます。