JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" style="float: left; margin-left: 5px; margin-bottom: 5px;">
<div class="containerNome"></div>
</div>

CSS

.containerNome{
	width: 97px;
	height: 23px;
	background: rgb(0, 0, 255);
	
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	
	-moz-box-shadow: inset 3px 3px 0px 0px rgba(0, 0, 0, 0.22);
	-webkit-box-shadow: inset 3px 3px 0px 0px rgba(0, 0, 0, 0.22);
	box-shadow: inset 3px 3px 0px 0px rgba(0, 0, 0, 0.22);
}

.container{
	width: 97px;
	height: 112px;
	background: rgb(255, 255, 153);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}