JSFiddle - React, Tailwind, and code Playground

by Ying Chor Ding

HTML

<div class="tags">
 <a href="#">Welcome to The NutryFarm International Limited. investor relations webpage, which we are committed to provide timely and transparent disclosures to the investment community.Welcome to The NutryFarm International Limited. investor relations webpage, which we are committed to provide timely and transparent disclosures to the investment community.Welcome to The NutryFarm International Limited. investor relations webpage, which we are committed to provide timely and transparent disclosures to the investment community.Welcome to The NutryFarm International Limited. investor relations webpage, which we are committed to provide timely and transparent disclosures to the investment community.Welcome to The NutryFarm International Limited. investor relations webpage, which we are committed to provide timely and transparent disclosures to the investment community.Welcome to The NutryFarm International Limited. investor relations webpage, which we are committed to provide timely and transparent disclosures to the investment community.Welcome to The NutryFarm International Limited. investor relations webpage, which we are committed to provide timely and transparent disclosures to the investment community.Welcome to The NutryFarm International Limited. investor relations webpage, which we are committed to provide timely and transparent disclosures to the investment community.</a>
</div>

CSS

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

	} 

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