JSFiddle - React, Tailwind, and code Playground

by Thiago Diniz

HTML

<h2 class="title">
	<span class="white">
		Jeito de ser <span class="green">candidato</span>
	</span>
</h2>

CSS

*{
	box-sizing:border-box
}

.title{
	font-size:20px;
	font-family:sans-serif;
	text-align:center;
	background-color:#00baae
}

.white{
	margin:40px;
	padding:8px;
	color:#00baae;
	background-color:#FFF;
	display:inline-block;
	border-radius:20px
}

.green{
	padding:0 8px;
	color:#FFF;
	background-color:#00baae;
	border-radius:20px
}