ли правильный способ для отображения текста на высоте спуска линии вместо ее базовой линии?

Пожалуйста, обратитесь к следующим страницам:

http://en.wikipedia.org/wiki/Baseline_(typography)

а также

http://jsfiddle.net/YPPnU/

Цель состоит в том, чтобы нижняя часть моего текста (как показано на скрипке) выровнялась с нижней частью блока H1 без использования изображений.

Я понимаю, что если я использую нисходящие символы (p, q и т. Д.), То это сбрасывается, но я никогда не буду использовать их в рамках этого проекта. Мне нужны символы без спусков, чтобы они были на одном уровне с нижней частью блока h1.

Я пробовал различные корректировки с позиционированием и отрицательными полями, но это представляет две проблемы: 1) высота h1 испорчена. 2) величина отрицательного дна может варьироваться в зависимости от используемого шрифта. Есть ли «правильный» способ сделать это?

редактировать Пожалуйста, смотрите комментарии для дополнительных обновлений ....

Лучшая рабочая техника здесь:http://jsfiddle.net/YPPnU/23/

Но я бы предпочел не «угадывать» высоту строки

Кроме того, я понял, что другой вариант будет использовать веб-шрифт, где нижняя часть всех символов была размещена при спуске вместо базовой линии, но я не могу найти один в Google. Кто-нибудь знает, существует ли такая вещь?