Generate arrows for links using nothing but CSS (Webkit, FF, IE8+)

link-arrow.css

[your element selector] { 
    display: inline-block; 
    position: relative; 
}

[your element selector]:after { 
    content: ""; 
    display: inline-block; 
    width: 0; 
    height: 0;
    position: relative; 
    top: -2px; 
    margin: 0 0 0 10px;
    border-left: 4px solid #000;
    border-top: 4px solid transparent; 
    border-bottom: 4px solid transparent; 
}