Pure css to make triangle icon

I used to use pictures or css3 rotation to make triangle icons, but now I discovered that there is such a simple triangle

div {

border: 10px solid transparent;
border-bottom: 10px solid #000;
width: 0;

}

You can create a triangle with just three lines of css!