JSFiddle - React, Tailwind, and code Playground

by Alexandru Gatea

HTML

<div id="parent">
	
</div>

<div class="coords">
	<div class="x">X: <span></span></div>
	<div class="y">Y: <span></span></div>
</div>

CSS

#parent {
	width: 200px;
	height: 200px;
	background: red;
	margin-top: 140px;
	margin-left: 231px;
}

.coords {
	display: flex;
	width: 100px;
	top: 0;
	left: 0;
	position: absolute;
	padding: 20px;
}

JavaScript

const elem = document.getElementById("parent");