A variety of arrows created with only HTML and CSS with only one element (I did not put it in Jade or SCSS for a reason, sorry). These were eyeballed, so the measurements or centering may not be percise. The additional element is used as a wrapper. Arrows do scale, but too much larger or smaller will break the structure.
ArrowSee the Pen by chrisota (@chrisota) on CodePen.