JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mainWrapper">
    <div class="mainBox" id="hello">
        main
    </div>        
    <div class="clear" id="hello"></div>
</div>

CSS

/* Main Content area */
.mainBox{
    border:2px solid red;
    background-color: #ffffff;
    padding-left: 205px;
}
.mainWrapper{
    border:2px solid white;
    position:relative;
}

JavaScript

console.clear();
var hello = "new hello";
console.log("variable hello : " + hello);

console.log(window.hello);
console.log("doucument hello ::" + document.body);