JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contentBody">
            <div class="commentSearch">
                <div class="label">Plano de Pagamento</div>
                <input id="Text6" name="author" type="text" value="" aria-required="true">
                <input id="Text6" name="author" type="text" value="" aria-required="true">
            </div> 
            <div class="commentSearch">
                <div class="label">Plano de Pagamento</div>
                <input id="Text6" name="author" type="text" value="" aria-required="true">
                <input id="Text6" name="author" type="text" value="" aria-required="true">
            </div>  
            <div class="commentSearch">
                <div class="label">Plano de Pagamento</div>
                <input id="Text6" name="author" type="text" value="" aria-required="true">
                <input id="Text6" name="author" type="text" value="" aria-required="true">
            </div> 
            <div class="commentSearch">
                <div class="label">Plano de Pagamento</div>
                <input id="Text6" name="author" type="text" value="" aria-required="true">
                <input id="Text6" name="author" type="text" value="" aria-required="true">
            </div>                      
        </div>

CSS

.contentBody .commentSearch input:nth-child(2) {
	background: #fff;
	border: 4px solid #000;
    position: relative;
    width: 10%;
    margin-left: 10%;
    display: inline;
}

.contentBody .commentSearch input:nth-child(3) {
	background: #fff;
	border: 4px solid #000;
	position: relative;
    width: 63.5%;
    margin-left: 1px;
    display: inline;
}

.contentBody .commentSearch {
    width: 50%;
    clear: both;
    float: left;
 }

.contentBody .commentSearch .label {
    font-size: 12px; 
    font-family: Tahoma; 
    margin-left: 11%;
    margin-top: 10px;
    font-weight: bold;
}