线条CSS之前和之后的箭头

Question

我需要在一行之前和之后创建箭头。我创建了这条线，但我对CSS并不十分精通。任何帮助都会很棒..

在线的两侧需要一个小箭头。

＆＃13;

＆＃13;

.line {
  height: 2px;
  width: 200px;
  background-color: red;
  border-color: green;
  border-width:
}

＆＃13;

<div class="line"></div>

＆＃13;

＆＃13;

＆＃13;