JSFiddle - React, Tailwind, and code Playground

by Steve

HTML

<div>
  <input type="text" text="Center me pls">
</div>

CSS

input {
  width: 20%;
  border: 1px solid blue;
  
  margin: 0 auto;
  display: block;
}
div {
  width: 100%;
  border: 1px solid red;
}