JSFiddle - React, Tailwind, and code Playground

by Murat Kezli

HTML

<div class="contanier">

<input type="text" value="" />
</div>

CSS

body{
display:flex;
  justify-content: center;
  align-items: center;
  height:100vh;
  background-color:rgba(0,0,0,0.3)

}
.contanier{background-color:white; height:200px; width:300px;
}

 input[type=text] {
  width:300px;
  height:50px;
  border:none;
  background-color:gray;
  padding:0px;
  
  
}