Css 标题跨越两行，然后省略号，而不是一行

我想让我的视频缩略图上的标题文本穿过两行，如果超过这一点太长，则省略号。就像Youtube那样，做吧：

TEENAGE MUTANT NINJA 
TURTLES - Official Traile…

像那样

目前，我的矿是这样的：

TEENAGE MUTANT NINJA TUR…

我现在的班级是：

#sidebar .menu .link .title {
  margin-left: 15px;
  cursor: pointer;
  display: block;
  font-size: 12px;
  line-height: 34px;
  display: inline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

和HTML类似：

<p class="title"><a title="Title of video is really long, heaps cool" href="#">Title of video is really long, heaps cool</a></p>

我试着用Firebug复制Youtube上的内容，但我不知道如何让它工作

谢谢大家!

这里是

CSS技巧提供了大量不同的酷方法来实现您想要的，并对其进行了很好的解释。
您可以在这里查看-->