JSFiddle - React, Tailwind, and code Playground

by slym12

HTML

<div class="parent">
<div class="child">

</div>
</div>

CSS

.parent {
  /* padding: 50px; */
  width: 100%;
  height: 50px;
  position: relative;
  border: 1px solid red;
  display: flex;
  justify-content: center;
}

.child {
  position: absolute;
  padding: 12.5px;
  background-color: green;
}