JSFiddle - React, Tailwind, and code Playground

HTML

<div class="table">
    <div class="row">
	    <div class="coloumn">Kolom 1</div>
		<div class="coloumn">Kolom 2</div>
		<div class="coloumn">Kolom 3</div>
	</div>
</div>

CSS

.table{
				display: table;
				border: 1px solid #000;
				margin: 0 auto;
			}
			.row{
				display: table-row;
			}
			.coloumn{
				border: 1px solid #ff0000;
				width: 200px; height: 100px;
				display: table-cell;
				text-align: center;
				vertical-align: middle;
			}