title: creating a chevron in CSS
body: <p>I'm looking at how to create a chevron (not a triangle) in CSS.  Basically create icons that look like <code>&gt;</code> or <code>&lt;</code>.</p>
  
  <p>On this site: <a href="http://css-tricks.com/examples/ShapesOfCSS/" rel="noreferrer">http://css-tricks.com/examples/ShapesOfCSS/</a> at the bottom, there is a chevron.  However, it is pointed down.  I was wondering how I can make it point right, and point left.  I tried playing around with the angles, but I couldn't figure it out since I'm not really sure how these things are created anyway.  </p>
  
  <p>As an aside, is this something that should be created in some drawing library like d3, or just use a div?  I'm basically using this chevron to try to separate visually elements on a screen.  </p>