Css 放置锚'；将文本置于其绝对位置的伪元素之上

是否有可能将此转换为：

这件事

即，将锚文本置于其绝对定位箭头伪元素上方

我能想到的唯一解决方案是将锚文本包装在一个跨度中，然后再将其绝对定位在所有内容上但是有没有一种方法可以在不修改标记的情况下执行此操作？

。试用{
边缘顶部：50px；
}
.集装箱{
位置：绝对位置；
背景：#fff；
边框：1px纯黑；
}
.货柜a{
填充：3px11px；
位置：相对位置；
}
.container a:之前，.container a:之后{
内容：“；
位置：绝对位置；
高度：20px；
宽度：20px；
变换：旋转（45度）；
顶部：-8px；
左：18px；
}
.集装箱a:以前{
背景：黑色；
z指数：-1；
}
.集装箱a：之后{
背景：白色；
z指数：1；
顶部：-7px；
}

你好，世界

也许你可以在之前和之后这样假装：

。试用{
边缘顶部：50px；
}
.集装箱{
位置：绝对位置；
背景：#fff；
边框：1px纯黑；
}
.货柜a{
填充：3px11px；
位置：相对位置；
}
.集装箱a:以前{
内容：“；
宽度：0；
身高：0；
边界：10px固体；
位置：绝对位置；
边框顶色：透明；
右边框颜色：透明；
左边框颜色：透明；
边框底色：#000；
顶部：-19px；
左：18px；
显示：块；
}
.集装箱a：之后{
内容：“；
宽度：0；
身高：0；
边界：10px固体；
位置：绝对位置；
边框顶色：透明；
右边框颜色：透明；
左边框颜色：透明；
边框底色：#fff；
顶部：-17px；
左：18px；
显示：块；
}

你好，世界