css制作hot热门文章出现的问题？

制作热门时，明明设置overflow：hidden，为什么a还是会超出li，
怎样实现不管标题多少字文字与图标在一行的效果呢？
demo在这里https://jsfiddle.net/gb9g4nwc/

---

去掉

white-space: nowrap;
就可以了