JSFiddle - React, Tailwind, and code Playground

by Ying Chor Ding

HTML

<div class="tags">
 <a href="#">asdasda  aWelcome 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 InternatioWelcome 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.nal 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.s d as d as d a sd a s d sa d as d. ad. a d sa d as d as d a sd</a>
</div>

CSS

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

	} 

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