JSFiddle - React, Tailwind, and code Playground

by petroveg

HTML

<div class="test"><span class="text">Netflix</span></div>
<div class="size"></div>

CSS

body {
	padding: 140px 0 0 30px;
}
.test {
	margin: 25px 0 0 40px;
	padding: 20px 0 0 5px;
	font-size: 1.5em;
}
.size {
	position: absolute;
	top: 0;
	left: 0;
	background: #cf9;
}

JavaScript

document.addEventListener('DOMContentLoaded', function () {
	var test = document.querySelector('.text'),
		size = document.querySelector('.size'),
		rect = test.getClientRects()[0];

	size.style.width = rect.left + 'px';
	size.style.height = rect.top + 'px';
});