JSFiddle - React, Tailwind, and code Playground

by Muthuraman B

HTML

<div class="tags">
 <a href="#">tag</a>
</div>

CSS

.tags a {
    float: left;
    height: 24px;
    line-height: 24px;
    position: relative;
    font-size: 11px;
    margin-left: 20px;
    padding: 0 10px 0 12px;
    background: #FFF;
    color: #000;
    text-decoration: none;
    border: solid 1px #0089e0;

	} 

.tags a:before{
	content: "";
    float: left;
    position: absolute;
    top: 0;
    right: 0px;
    width: 0;
    height: 0;
    border-color: #0089e0 #0089e0 transparent transparent;
    border-style: solid;
    border-width: 4px;	
	}