title: How to Make A Chevron Arrow Using CSS?
body: <p>Ok, so everyone knows you can make a triangle using this:</p>
  <pre><code>#triangle {
      width: 0;
      height: 0;
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-bottom: 100px solid red;
  }
  </code></pre>
  <p>And that produces a solid, filled in triangle. But how would you make a hollow-type arrow-like triangle, like this?</p>
  <p><img src="https://i.stack.imgur.com/fMhGv.png" alt="an arrow with only two lines that intersect at the point. Like a greater than sign: &gt;" /></p>