Correo electrónico HTML: td con triángulo en el lado izquierdo

En lugar de tener un td separado para el triángulo, me gustaría hacer el contenido td con el triángulo de flecha izquierda . Al igual que en la imagen.

Aquí está la imagen

Cualquier ayuda será de gran utilidad.

Solutions Collecting From Web of "Correo electrónico HTML: td con triángulo en el lado izquierdo"

Dado que esto es para html-email , le aconsejo que use un img , para dar soporte a todos los clientes de correo electrónico.

 
11 -20 : 11:40
Tea Break

Si desea hacerlo utilizando este tipo de flujo de trabajo, entonces trabaje con márgenes.

En este ejemplo di

 margin-right:-3px; 

pero sugeriría usar pseudo elementos antes y después.

 

11 -20 : 11:40
Tea Break