JSFiddle - React, Tailwind, and code Playground

by Alexis López Espinoza

HTML

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

CSS

#foo{
    border: 1px solid;
    display: inline-block;
    padding: 2px 1.5px;
	margin: 3px 2px 2px 4px;
}

JavaScript

"use strict";

var div = document.querySelector("#foo");
div.innerHTML = "margin-top: " + getComputedStyle(div).marginTop;
div.innerHTML += "<br />margin-left: " + getComputedStyle(div).marginLeft;
div.innerHTML += "<br />margin-right: " + getComputedStyle(div).marginRight;
div.innerHTML += "<br />margin-bottom: " + getComputedStyle(div).marginBottom;
div.innerHTML += "<br /><br />border-bottom-width: " + getComputedStyle(div).borderBottomWidth;
div.innerHTML += "<br />border-bottom-color: " + getComputedStyle(div).borderBottomColor;
div.innerHTML += "<br />border-bottom-style: " + getComputedStyle(div).borderBottomStyle;