borderで三角形を作る

縦横0pxのブロックにボーダーを付けると三角形になるということを今更知りました。
CSS3を使用していないので古いブラウザにも対応します。

.arrow {
  width: 0;
  height: 0;
  border-width: 1em;
  border-color: transparent;
  border-style: solid;
  border-left-color: inherit;
}

表示↓