CSS3标签标签面向右侧，使用位置或：之后

我正在尝试用CSS构建此形状：

但我不知道如何将三角形形状（考虑到我有一个矩形表示标签的“主体”，一个三角形表示标签的尖端）向右放置。因为我处理的是位置，当标签都有不同的大小时，我如何告诉三角形显示在矩形的正后方？我就是想不出来

---

你可以检查小提琴：用一个和我正在做的类似的标签。这个例子只使用了位置，所以给三角形一个固定的位置是没有用的。我试过：之后，但也被卡住了，因为同样的原因。我错过了什么？提前谢谢。

只需在.tag中添加一行高度即可

.tag {
line-height: 10px;
/* the rest of your styles here */
}

---

只需使用

right

属性（从矩形的右侧开始）而不是

left

（从矩形的左侧开始，在这里是无用的，因为你不知道标签的宽度）：

谢谢PowerBloug！太快了！哦我以为你想要垂直对齐，所以三角形和文本区域看起来像一个。我现在意识到你希望箭的位置在另一边。