.tag {
float: left;
text-align: center;
height: 14px;
width: 110px;
background-color: #2e353d;
color: #FFFFFF;
padding-top: 2px;
margin-top: 1px;
font-size: 10px;
}
.arrow-right {
width: 0;
height: 0;
float: left;
margin-top: 1px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #2e353d;
}

.tag {
    float: left;
    position:relative;
    text-align: center;
    height: 14px;
    width: 110px;
    background-color: #2e353d;
    color: #FFFFFF;
    padding-top: 2px;
    margin-top: 1px;
    font-size: 10px;
    border: 1px solid #FF00FF;
    border-right: none;
}
.tag:after, .tag:before {
    content:'';
    margin-right:-10px;
    width: 0;
    height: 0;
    position:absolute;
    top:0px;
    left:100%;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 8px solid #2e353d;
}
.tag:before {
    top:-1px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 9px solid #FF00FF;
}

.arrow-border {
    width: 0;
    height: 0;
    float: left;
    margin-top: 1px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid #FF00FF;
}

.arrow-right {
    width: 0;
    height: 0;
    float: left;
    margin-left: -9px; /* Width of .arrow-border's border */
    margin-top: 2px;
    border-top: 8px solid transparent; /* One less than .arrow-border's border width */
    border-bottom: 8px solid transparent;
    border-left: 8px solid #2e353d;
}