JSFiddle - React, Tailwind, and code Playground

HTML

<div id="siteInfo">
   <input value="Some Button" \>
</div>

CSS

#siteInfo {
  padding: 5%;
  background: rgba(0,0,0,0.6);
  text-align : center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
input {
  margin: 0 auto;
padding:5%;
width: 300px;
display: inline-block;
}