Add support for truncating text spanning multiple span

A typical use case is to have two spans like this
<span>article title</span><span>article teaser</span>

Tile and Teaser may have different styles, e.g. Title is likely bold
I need to truncate based on the length on both the title and the teaser, truncating teaser first.
