Тег метки CSS3 направлен вправо и с использованием позиции или: после

Я пытаюсь построить эту форму в CSS:

enter image description here

Но я не могу понять, как расположить треугольную форму (учитывая, что у меня есть прямоугольник для «тела» тега и треугольник для кончика), направленной вправо. Поскольку я работаю с позициями, как я могу сказать треугольнику появляться сразу после прямоугольника, когда все теги могут иметь разные размеры? Я просто не могу решить это.

Вы можете проверить скрипку:http://jsfiddle.net/ExZFe/ с меткой, аналогичной той, которую я делаю. В этом примере используются только позиции, поэтому использование фиксированной позиции для треугольника бесполезно. Я попробовал с: после, но застрял тоже, по той же причине. Что мне не хватает? Заранее спасибо.

Ответы на вопрос(2)

Ваш ответ на вопрос