JSFiddle - React, Tailwind, and code Playground

HTML

<div class="categorypost" style="background-image:url('http://dz54ediij1h8m.cloudfront.net/cms_media/images/events/a91fe217e45a700fc2dab0cc476f01c7.1394462553.jpg'); background-size: 100%;">
    <a href="businesses.php" class="catpostlink" title="SME Businesses for sale">
		<div style="float: left; background-color: #498d7b; padding: 20px 0 20px 0; margin-top: 160px; width: 100%;">
    		<p style="line-height: 30px;">Businesses</p>
		</div>
        </a>
        
       <div id="triangle-topright" style="float:right; border-top: 25px solid #498d7b;"></div>
       
	</div>

CSS

#triangle-topright {
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-left: 25px solid transparent;

}

.categorypost {
    height: 200px;
    margin-bottom: 80px;
    width: 320px;
    display:inline-block;
	color: #FFF;
	font-family: "ff-tisa-web-pro",serif;
	font-size: 20px;
}

a.catpostlink{
	text-decoration: underline;
	font-size: 20px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;	
}

a.catpostlink:hover{
	color: #005e48;
	text-decoration: underline;
	font-size: 20px;
}