Верстка

Всем привет
На картинке показано как должны отображаться заголовки. Фишка в том, что подчеркивание зависит от длины текста
Я так понял, что с помощью CSS2 это не сделать
Если делать это с помощю JQuery, какие будут рекомендации. Алгоритм подскажите
Спасибо

Почему не сделать? отдельно края, а середину растягивать

Сделать, я бы скорее всего делал через 3 блока спозиционированых абсолютно,левый и правый нижний заданной ширины и высоты для полу прозрачных краев с позишн абсолют ботом 0 лефт0 и ботом0 райт 0 и под ними боттом ноль на всю ширину с повторяющейся картинкой центральная часть

3 дива один в одном, в первом бекграундом сделать среднюю часть полоски и тянуть ее по горизонтале (repeat-x), во втором диве левая часть полоски, в правом - правая часть.