おひさしぶりに。 CSSだけで「...」で文字数制限

デザインのレイアウトをくずさないために、
ニュース等の最後の部分をcssだけで
・・・にする方法です。

width: 320px;　※表示領域指定
white-space: nowrap; ※改行させない
overflow: hidden; 　※表示領域外非表示
text-overflow: ellipsis; ※末尾「...」表示
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;