Edit in JSFiddle

<h1>CSS Tags</h1>

<div class='tags'>
    <a href="#">async</a>
    <a href="#">bcrypt</a>
    <a href="#">express</a>
    <a href="#">jade</a>
    <a href="#">mongoose</a>
    <a href="#">socket.io</a>
</div>
h1 { font: 16px/24px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; margin-bottom: 10px }

.tags a {
    display: inline-block;
    position: relative;
    height: 13px;
    padding: 0 6px 0 13px;
    margin: 0 6px; 
    font: 10px/13px "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 1px 1px 0 white; 
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #898989; 
    border-radius: 2px; 
    border-left-width: 0; 
    color: #333;
    background-color: #e0e2e3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(242, 244, 244)), to(rgb(206, 209, 211)));
    background-image: -webkit-linear-gradient(top, rgb(242, 244, 244), rgb(206, 209, 211));
    background-image: -moz-linear-gradient(top, rgb(242, 244, 244), rgb(206, 209, 211));
    background-image: -o-linear-gradient(top, rgb(242, 244, 244), rgb(206, 209, 211));
    background-image: -ms-linear-gradient(top, rgb(242, 244, 244), rgb(206, 209, 211));
    background-image: linear-gradient(top, rgb(242, 244, 244), rgb(206, 209, 211));    
}
.tags a:before { 
    content : ''; 
    position: absolute; 
    left: -4px; 
    top: 1px; 
    width: 10px; 
    height: 10px; 
    border: 1px solid #898989; 
    border-radius: 2px; 
    border-top-width: 0; 
    border-right-width: 0; 
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
    transform: rotate(45deg);
    background-color: #e0e2e3;
    background-image: -webkit-gradient(radial, 100% 100%,100,-50% -50%,100, from(rgb(207, 210, 212)), to(rgb(241, 243, 243)));
    background-image: -webkit-radial-gradient(0% 0%, rgb(241, 243, 243), rgb(207, 210, 212));
    background-image: -moz-radial-gradient(0% 0%, rgb(241, 243, 243), rgb(207, 210, 212));
    background-image: -o-radial-gradient(0% 0%, rgb(241, 243, 243), rgb(207, 210, 212));
    background-image: -ms-radial-gradient(0% 0%, rgb(241, 243, 243), rgb(207, 210, 212));
    background-image: radial-gradient(0% 0%, rgb(241, 243, 243), rgb(207, 210, 212));
}
.tags a:after { 
    content: ''; 
    position: absolute; 
    left: 4px; 
    top: 4px; 
    width: 3px; 
    height: 3px; 
    border: 1px solid #797B7B; 
    border-radius: 10px; 
    background: #A5A7A9 
}