CSS - Exibir texto descendente em vez da linha de base?
Existe uma maneira adequada de exibir texto na altura de descida de uma linha em vez da linha de bas
Consulte as seguintes páginas:
http: //en.wikipedia.org/wiki/Baseline_ (tipografia)
O objetivo é que a parte inferior do meu texto (conforme ilustrado no violino) fique nivelada com a parte inferior do bloco H1 sem usar imagen
Percebo que está nivelado se eu usar caracteres descendentes (p, q, etc), no entanto, nunca os usarei para o escopo deste projeto. Preciso que caracteres sem descendentes estejam alinhados com a parte inferior do bloco h1.
Eu tentei vários ajustes com posicionamento e margens negativas, mas isso apresenta dois problemas: 1) a altura do h1 fica confusa. 2) a quantidade do fundo negativo pode variar dependendo da fonte usada. Existe uma maneira "adequada" de fazer isso?
edita Por favor, veja os comentários para atualizações adicionais ....
melhor técnica de trabalho está aqui:http: //jsfiddle.net/YPPnU/23
Mas eu preferiria não "convidar" a altura da linha
Além disso, percebi que outra opção seria usar uma fonte da web em que a parte inferior de todos os caracteres fosse colocada na descida em vez da linha de base, mas não consigo encontrar uma no google. Alguém sabe se existe algo assim?