JSFiddle - React, Tailwind, and code Playground

by Kyle

HTML

<div>Zombie ipsum brains reversus ab cerebellum viral inferno, brein nam rick mend grimes malum cerveau cerebro. De carne cerebro lumbering animata cervello corpora quaeritis. 
</div>
<button>Switch</button>

CSS

div
{
    height: 200px;
    width: 200px;
    border: 1px solid #000;
    border-radius: 3px;
    padding: 0 3px;
}

div.clicked
{
    padding: 3px;
}

JavaScript

$('button').click( function() {
    $('div').toggleClass('clicked');
});

//use button to see difference between horizontal padding and both axis padding