JSFiddle - React, Tailwind, and code Playground

by karthick6891

HTML

<!--
 * centering with absolute position -->

<div></div>

CSS

/**
 * centering with absolute position
 */

div {
	width: 100px;
	height: 100px;
	background-color: red;

	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	
	margin: auto;
}