JSFiddle - React, Tailwind, and code Playground

by bodine30

HTML

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

CSS

div {
    background:red;
    position:relative;
    left:5%;
    color:white;
    text-align:center;
    font:700 230%/1.3 arial;
    width:75%;
    margin:auto;
    padding:0 2%;
}

JavaScript

var cssObj = window.getComputedStyle(document.getElementById("div"));
document.getElementById("div").innerHTML = "width:75% = " + cssObj.width + 
"<br/>left:5% = " + cssObj.left +
"<br/>fontSize:230% = " + cssObj.fontSize + 
"<br/>marginLeft:auto = " + cssObj.marginLeft +
"<br/>paddingLeft:2% = " + cssObj.paddingLeft +
"<br/>lineHeight:1.3 = " + cssObj.lineHeight;