CSS угловая лента без поворота

Question

Там много учебников, чтобы сделать угловой лентой, и всего учебника с использованием преобразовать/повернуть 45 градусов. Это также делает поворот содержимого внутри div (шрифта). Я не хочу этого. Я хочу сделать так, как показано ниже, font/symbol still stand-up.

Я пытаюсь создать фона треугольника , но я не могу сделать то, что хочу.

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; 
} 

Надеется, что это помогает ..

С уважением, Karan