This helped http://stackoverflow.com/questions/7073484/how-does-this-css-triangle-shape-work
A Pen by Prasanna N on CodePen.
| <div> | |
| </div> |
| div { | |
| width: 0; | |
| height: 0; | |
| border-left: 50px solid transparent; | |
| border-right: 50px solid transparent; | |
| border-bottom: 100px solid red; | |
| } |