Cross-browser CSS Chevron (pointer)

Code Snippet

.chevron {
    font-size: 0;
    height: 0;
    line-height: 0;
    border-style: solid;
    border-color: transparent;
    /* chevron color */
    border-right-color: red;
    /* for left pointers, right border is 0 */
    border-width: 23px 23px 23px 0;
    float: left;
    margin: 10px;
}

Notes

• CSS Only
• Cross-browsers: IE, Firefox, Safari, Opera, Chrome
• No images or sprites
• Themeable
• Lightweight