Я создаю процесс, похожий на мастера, где у меня есть это меню:
Активная страница окрашена в зеленый цвет (в данном случае модель).
Как сделать эту стрелку, используя только CSS?:
В настоящий момент я достигаю своей цели, используя несколько div и изображений:
<div class="menuItem">
<div></div> <!-- The left image -->
<div>Varianten</div>
<div></div> <!-- The right image -->
</div>
Левое изображение:
Правильное изображение:
Я нашел ответ SO, который делает часть этого: Arrow Box с CSS, однако у меня возникают проблемы с отступом слева.
Если у вас есть лучшее представление о том, как это сделать, сообщите мне об этом!