CSS 宽度属性未设置

CSS Width Property Not Getting Set我会尽力解释自己，因为我真的不想复制所有代码(有很多)。我有一个从 AngularJS 绑定中获取文本的跨度(对这个问题并不重...

我会尽力解释自己，因为我真的不想复制所有代码(有很多)。
我有一个从 AngularJS 绑定中获取文本的跨度(对这个问题并不重要)，我正在为这个跨度设置四个样式参数：

• 宽度：100px
• 空白：nowrap；
• 溢出：隐藏；
• 文本溢出：省略号；

我根据以下 W3Schools 页面执行此操作：http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow

我希望将文本裁剪为 100 像素，并在其末尾添加省略号。
这是出错的屏幕截图：

你不能对这样的内联元素应用宽度。

示例：

HTML

CSS

JSFiddle

http://jsfiddle.net/sygap/