Arrow before and after lines CSS

Question

I need to create arrow before and after a line. I created the line but im not greatly proficient in CSS. Any help would be great..

Need a small arrow on both sides of the line.

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

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