Make a triangle in CSS without an image

/* a box with no content: three transparent borders and one coloured one */
.tooltip-arrow {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #333;
}