Как сверстать такие стрелки?

Question

[Дмитрий Смирнов]

Здравствуйте!
Необходимо сверстать такие указатели


я сделал с помощью треугольников, но таким способом не получается установить border, видимо нужно другое решение. Подскажите, пожалуйста, какими еще способами можно сверстать такое?

Мое решение:
https://codepen.io/patrickj/pen/zzeYJR

Answer 1

[twobomb]

Можно так или так.

Answer 2

[sergey]

Посмотрите вот это triangles, а именно треугольник с обводкой
ну и вот это: jsfiddle
объединив это - можно получить требуемый результат

Answer 3

[Василь Бойко]

https://jsfiddle.net/L4af9xoc/

подобное можно проделать и с след. элементом.
(сразу не увидел)

Answer 4

[simka alien]

https://codepen.io/simkaUser/pen/zzerzM?editors=0110 мои пять копеек