CSS3-Label-Tag nach rechts und mit Position oder: nachher

Ich versuche diese Form in CSS zu konstruieren:

Aber ich kann nicht herausfinden, wie ich die Dreiecksform (wenn ich bedenke, dass ich ein Rechteck für den "Körper" des Tags und ein Dreieck für die Spitze habe) nach rechts zeige. Wie kann ich festlegen, dass das Dreieck direkt nach dem Rechteck angezeigt wird, wenn alle Tags unterschiedliche Größen haben können, da ich mit Positionen arbeite? Ich kann es einfach nicht herausfinden.

Sie können die Geige überprüfen:http://jsfiddle.net/ExZFe/ mit einem ähnlichen Tag wie dem, den ich mache. In diesem Beispiel werden nur Positionen verwendet, sodass es sinnlos ist, dem Dreieck eine feste Position zuzuweisen. Ich habe es versucht mit: after, bin aber aus dem gleichen Grund auch hängen geblieben. Was vermisse ich? Danke im Voraus.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage