JSFiddle - React, Tailwind, and code Playground

HTML

<div class="divTable">
    <div class="divTableHeading">
        <div class="one">
            <div class="one-fourth">qa</div>
            <div class="one-fourth">qa</div>
            <div class="one-fourth">qa</div>
            <div class="one-fourth">qa</div>
        </div>
    </div>
    <div class="second">qa</div>
</div>

CSS

.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	display: table-header-group;
	background-color: #ddd;
}
.divTableCell, .divTableHead {
	display: table-cell;
	padding: 3px 10px;
	border: 1px solid #999999;
}
.divTableHeading {
	display: table-header-group;
	background-color: #ddd;
	font-weight: bold;
}
.divTableFoot {
	display: table-footer-group;
	font-weight: bold;
	background-color: #ddd;
}
.divTableBody {
	display: table-row-group;
}