Html 将css形状附加到我的<；李>；项目？

我尝试在任何合适的地方使用css形状而不是图像

目前，我的目标是在我的

链接末尾添加一个白色三角形，如下所示：

让你来调整

我已经使用它有一段时间了，但是作为一个新手开发人员，我还没有找到一种方法！导航栏位于css和html的底部。我试图通过尽可能使用em和percent来保持结果的响应性，实际上，这个三角形的高度需要与nav_选项类相同（如果通过窗口调整将文本撞到下一行，则其高度可以加倍）

有什么建议/解决方案吗？非常感谢

---

编辑：如果这是不可能的，因为我的相对字体大小，然后请详细说明替代解决方案？建议使用Javascript是有帮助的，但对于像我这样的新手来说有点模糊。

字体大小与上升元素的字体大小有关，而与父元素的宽度或高度无关。因此，要使用响应字体大小，请尝试使用一些jquery插件（FitText）或构建一个JS

---

因为您使用的是border hack来制作此形状，所以您需要使用的度量（字体大小）无法应用。您需要一个JavaScript解决方案来检测换行并相应地调整边框尺寸