Estoy tratando de construir esta forma en CSS:

Pero no puedo entender cómo colocar la forma del triángulo (considerando que tengo un rectángulo para el "cuerpo" de la etiqueta y un triángulo para la punta) hacia la derecha. Debido a que estoy trabajando con posiciones, ¿cómo puedo decir que el triángulo aparezca justo después del rectángulo, cuando todas las etiquetas pueden tener diferentes tamaños? Simplemente no puedo resolverlo.

Puedes consultar el violín:http://jsfiddle.net/ExZFe/ con una etiqueta similar a la que estoy haciendo. Este ejemplo usa solo posiciones, por lo que no es útil darle una posición fija al triángulo. Lo intenté con: después, pero también me estancé, por la misma razón. ¿Qué me estoy perdiendo? Gracias de antemano.