JSFiddle - React, Tailwind, and code Playground

HTML

<div class="countdown_out">
					<div class="countdown_position">
						<div class="countdownBox">
							<div class="countdown_time_category">Days Remaining: </div>
							<div id="daysBox" class="countdown_time">40</div>
						</div>
						<div class="countdownBox">						
							<div class="countdown_time_category">Hours Remaining: </div>
							<div id="hoursBox" class="countdown_time">30</div>
						</div>
						<div class="countdownBox">
							<div class="countdown_time_category">Minutes Remaining: </div>
							<div id="minsBox" class="countdown_time">20</div>
						</div>
						<div class="countdownBox">						
							<div class="countdown_time_category">Seconds Remaining: </div>
							<div id="secsBox" class="countdown_time">10</div>
						</div>	
					</div>
				</div>

CSS

.countdown_out {
	margin-top: 20px;
	margin-right: 15%;
	margin-bottom: 20px;
	padding: 20px;
	width: 70%;
    float:left;
}
.countdown_position {
	/*display: inline-block;*/
	/*padding-left: 7%;*/
	position: absolute;
    display:inline-block;

}
.countdownBox {
	border: 2px solid #B8B8B8;
	/*float: left;*/
	display: inline-block;
	margin: 1em;
}
.countdown_time_category {
	padding: 10px;
	background-color: #B8B8B8;
	color: #FFFFFF;
}
.countdown_time {
	padding: 12px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 1.2em;
}