JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div></div>
</body>

CSS

div {
    width: 20px;
    height: 20px;
    padding: 1px 2px 3px 4px;
    margin: 10px 20px 30px 40px;
    background: #00f;
}

JavaScript

var txt = '<p>margin: ' +$('div').css('margin')+
          '<br/>margin-top: ' +$('div').css('marginTop')+
          '<br/>margin-right: ' +$('div').css('marginRight')+
          '<br/>margin-bottom: ' +$('div').css('marginBottom')+
          '<br/>margin-left: ' +$('div').css('marginLeft')+
          '<br/>'+
          '<br/>padding: ' +$('div').css('padding')+
          '<br/>padding-top: ' +$('div').css('paddingTop')+
          '<br/>padding-right: ' +$('div').css('paddingRight')+
          '<br/>padding-bottom: ' +$('div').css('paddingBottom')+
          '<br/>padding-left: ' +$('div').css('paddingLeft')+'</p>';

$('body').append(txt);