title: Title span two lines then ellipses, instead of one line
body: <p>I'd like to have the title text on my video thumbnails go across 2 lines, and then ellipses if it's too long past that point. Exactly like Youtube do it:</p>
  
  <pre><code>TEENAGE MUTANT NINJA 
  TURTLES - Official Traile…
  </code></pre>
  
  <p>Like that.</p>
  
  <p>At the moment, mines like this:</p>
  
  <pre><code>TEENAGE MUTANT NINJA TUR…
  </code></pre>
  
  <p>My current class is:</p>
  
  <pre><code>#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;
  }
  </code></pre>
  
  <p>And HTML like so:</p>
  
  <pre><code>&lt;p class="title"&gt;&lt;a title="Title of video is really long, heaps cool" href="#"&gt;Title of video is really long, heaps cool&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>I've tried copying what Youtube have using Firebug, but I couldn't figure out how to get it to work.</p>
  
  <p>Thank you!</p>