JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

<div id="box_01">Здесь располагается text</div>

CSS

#box_01 {
	background-color:#CCCCCC;
	display:block;
	width:255px;
	height:42px;
	border:1px solid;
    text-align:center;
}

JavaScript

function info(elem) {
    var stl = window.getComputedStyle(elem);
    alert('border : ' + stl.border +
          '\nfontSize : ' + stl.fontSize +
          '\nwidth : ' + stl.width
    );
}
document.querySelector('#box_01').addEventListener('click', function(e){
    info(this);
}, false);