Сделай правую сторону ли треугольником ⇐ CSS

[Anonymous]

У меня определен следующий HTML:

• Основные сведения

С помощью следующего CSS:

.steps li { @extend .text-center; положение: относительное; переполнение: скрыто; гибкий: 1 1; выровнять-элементы: по центру; оправдание-содержание: центр; фон: $grey-600; } Выглядит это так:





Мне бы хотелось, чтобы треугольник указывал справа от элемента div, вот так:





Обратите внимание, что платеж отмечен треугольником, указывающим на «готово».

Как мне это сделать?