Как из span-ов сделать стрелку?

Question

<div>
  <span></span>
  <span></span>
</div>

Из этого нужно сделать стрелку:

Можно из 3 span-ов

Answer 1

Достаточно одного:

span {
  display: inline-block;
  position: relative;
  height: 2px;
  width: 40px;
  background-color: gray;
}

span:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent gray;
  border-width: 6px 0 6px 10px;
  border-style: solid;
  left: 100%;
  top: -5px;
}

<span>

БЛОГ НА HUSL

Как из span-ов сделать стрелку?

Ответы (1 шт):