CSS角带无需旋转

Question

有许多教程可以使用转换/旋转45度来制作角色带，以及所有教程。它使div（font）内的内容也旋转。我不想要它。我想制作如下图，字体/符号仍然站立。

我尝试制作三角形背景，但我无法做出我想要的东西。

Answer 1

@Dedi Ananto：请注意以下代码：

<div class="arrow-right"></div>

.arrow-right {
    width: 0px;
    height: 0px;
    border-top: 0px solid transparent;
    border-bottom: 70px solid transparent;
    border-left: 60px solid red;
}

希望这有助于......

此致 卡兰