Que el texto de la segunda celda esté centrado verticalmente es algo más complicado, pero sé cómo hacerlo (ya lo he hecho alguna otra vez, tengo que buscar dónde).
El dibujo no se parece mucho al resultado de tu código, pero en fin, creo que lo entiendo. Entonces... ¿se trata de clavar con css lo que dibuja tu código? De acuerdo.
Habrá que currárselo tipo reto, que les tengo mucho cariño a mis dedos, que llevan toda la vida conmigo dándome alegrías
.
Nos veremos
Mikel.