CSS: ¿mostrar texto al descender en lugar de la línea de base?
Existe una forma adecuada de mostrar texto a la altura de descenso de una línea en lugar de su línea de base?
Por favor, consulte las siguientes páginas:
http: //en.wikipedia.org/wiki/Baseline_ (tipografía)
El objetivo es que la parte inferior de mi texto (como se muestra en el violín) quede al ras con la parte inferior del bloque H1 sin usar imágenes.
Me doy cuenta de que está al ras si uso caracteres descendentes (p, q, etc.), sin embargo, nunca los usaré para el alcance de este proyecto. Necesito personajes sin descendentes para estar al ras con la parte inferior del bloque h1.
He intentado varios ajustes con posicionamiento y márgenes negativos, pero esto presenta dos problemas 1) la altura del h1 se estropea. 2) la cantidad del fondo negativo puede variar dependiendo de la fuente utilizada. ¿Hay una forma "adecuada" de hacer esto?
edita Por favor, vea los comentarios para actualizaciones adicionales ...
a mejor técnica de trabajo está aquí:http: //jsfiddle.net/YPPnU/23
Pero preferiría no "animar" la altura de la línea
Además, me di cuenta de que otra opción sería usar una fuente web donde la parte inferior de todos los caracteres se colocaba en el descenso en lugar de la línea de base, pero parece que no puedo encontrar uno en Google. ¿Alguien sabe si tal cosa existe?