JSFiddle - React, Tailwind, and code Playground

by Walter Robynson

HTML

<span class='Lab1'>1º</span><span class='Lab2'>Primeiro</span>
<span class='Lab1'>2º</span><span class='Lab2'>Segundo</span>
<span class='Lab1'>3º</span><span class='Lab2'>Terceiro</span>

CSS

.Lab1 {
	padding: 6px 12px;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-right-color: transparent;
	border-radius: 4px 0 0 4px;
}

.Lab2 {
	padding: 6px 12px;
	font-size: 12px;
	font-weight: normal;
	color: #555;
	text-align: left;
	background-color: #fff;
	border: 1px solid #ccc;
	border-left-color: transparent;
	border-radius: 0 4px 4px 0;
	white-space: nowrap;
}