JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bleh">
    <p>Click this text.</p>
</div>

<div>
    <!-- This is the HMTL panel. -->
</div>

<!-- opening a <tag> and hitting "Return" indents next line, closing the </tag> unidents next line, OMG cool -->

CSS

#bleh {
    width:300px;
    height:300px;
    background:#303060;
    border:1px solid red;
    color:white;
}

#bleh p {
    color:white;
}

/* opening a { block auto indents next line, closing it } auto unindent the line, OMG neat */

JavaScript

$('#bleh').click(function(){
    $(this).animate({
        width:'100px',
        height:'100px',
        opacity:0.2,
    }, 1500);
});


/* Real time opening/closing parenthesis and {} highlighting, OMG awesome */