JSFiddle - React, Tailwind, and code Playground

by Cameron Bernhardt

HTML

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

<p id="center">Center!</p>
<p id="left">Uncenter!</p>

CSS

#body {
    background-color: blue;
    height: 20px;
    width: 20px;
}

p{
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

JavaScript

$('#center').click(function(){
    document.getElementById('body').style.marginLeft = "auto";
    document.getElementById('body').style.marginRight = "auto";
    document.getElementById('body').style.textAlign = "center";
});

$('#left').click(function(){
    document.getElementById('body').style.marginLeft = "";
    document.getElementById('body').style.marginRight = "";
    document.getElementById('body').style.textAlign = "left";
});