JSFiddle - React, Tailwind, and code Playground

by Matthew Marcus

HTML

<h1>Hello World.</h1>

CSS

h1 {
    padding: 2%;
    margin: 3%;
    outline: 1px dotted dodgerblue;
    background: orange;
    border-top: 2px solid red;
    border-left: .1em solid green;
}

JavaScript

$(document).ready(function () {
    var $h1 = $('h1');
    console.log($h1);
    $h1.after($('<div>Padding-top: ' + parseInt($h1.css('padding-top')) + '</div>'));
    $h1.after($('<div>Margin-top: ' + parseInt($h1.css('margin-top')) + '</div>'));
    $h1.after($('<div>border-top: ' + parseInt($h1.css('border-top-width')) + '</div>'));
    $h1.after($('<div>border-left: ' + parseInt($h1.css('border-left-width')) + '</div>'));
});