JSFiddle - React, Tailwind, and code Playground

HTML

<div class="center-left">				
			<div class="new rounded">
			<span class="inline">TEXT</span><img class="make-main">
                </div>
    </div

CSS

.make-main {	
	width: 28px;
	height: 28px;	
	border-color: none;
    background: white url('http://imgur.com/Iz7GKQf') right center no-repeat;
}

.inline {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.rounded {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;    
}

.center-left {	
	float: left;
    height: 30px;}

.new {	
	width: 200px;	
	text-align: center;	
	cursor: pointer;	
	border: 1px solid #3981d2;		
}