JSFiddle - React, Tailwind, and code Playground

by magicalex

HTML

<div align="center" id="messageCenter" style="display:none;">
      <div style="width:950px;">
        <div class="messageCell" style="height:auto;font-family:arial;color:white;font-size:14px;padding:5px;">

            <div style="font-weight:bold;color:white;" id="messageOutput">hello the output</div>
        </div>
      </div>
    </div>

CSS

div {
    height: 100px;
    width: 100px;
    background: red;
}
#messageCenter {
 background: blue;
  padding: 50px;  
}

JavaScript

var div = document.getElementById("messageCenter");
div.style.display = "inline";
$('#messageCenter').delay(4000).fadeOut('slow');