Как спозиционировать 2 инлайн-элемента, где один из них может быть разной ширины, а второй имеет ширину, в зависимости от лишнего места ?

Здравствуйте.

Вот демонстрация проблемы

Проблема:
Надо сделать так, чтобы синие бордеры у всех элементов заканчивались на одной отметке.

Но они так не заканчиваются, потому что слева каждый "title" разной длины.

Есть ли какой-нибудь некостыльный (имея в виду фикс. ширину на каждый элемент), сделать так, чтобы это всё автоматически происходило ?