JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container" align="center">
<p id="robo">ROBO</p>
</div>

CSS

*{
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	width: 100%;
}
#container {
	width: 1024px;
	height: 768px;
	margin: 0 auto;
}
#robo {
  display:none;
  width:200px;
  height:200px;
}

JavaScript

jQuery.fn.verticalAlign = function ()
{
    return this
            .css("margin-top",($(this).parent().height() - $(this).height())/2 + 'px' )
};

$(document).ready(function() {
    $("#robo").delay(500).fadeIn(500).animate({fontSize: "3em"}, 1000).verticalAlign();
});