三角形のアイコンを作成するための純粋な CSS

今までは写真やCSS3の回転を使って三角形のアイコンを作っていましたが、こんなシンプルな三角形があることを知りました

div {

ボーダー: 10px ソリッド透明;
ボーダーボトム: 10px ソリッド #000;
幅: 0;

}

わずか 3 行の CSS で三角形を作成できます。