Próbuję skonstruować ten kształt w CSS:

Ale nie wiem, jak umieścić trójkątny kształt (biorąc pod uwagę, że mam prostokąt dla „ciała” znacznika i trójkąta dla końcówki) skierowany w prawo. Ponieważ pracuję z pozycjami, jak mogę powiedzieć trójkątowi, aby pojawił się zaraz po prostokącie, kiedy tagi mogą mieć różne rozmiary? Po prostu nie mogę tego rozwiązać.

Możesz sprawdzić skrzypce:http://jsfiddle.net/ExZFe/ z podobnym znacznikiem do tego, który robię. Ten przykład używa tylko pozycji, więc nadanie trójkątowi stałej pozycji jest bezużyteczne. Próbowałem z: after, ale też utknąłem, z tego samego powodu. czego mi brakuje? Z góry dziękuję.