JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
    <div id="inner">
        <button>I am a button</button>
    </div>
</div>

CSS

#outer { text-align: center; width: 200px;  background: #ddd; height: 200px; position: static; display: table; }
#inner { line-height: 200px; display: table-cell; vetical-align: middle;   }

JavaScript

$(function() {
    $("#outer").animate({
        marginLeft: "500"
    }, 10000);
  });