JSFiddle - React, Tailwind, and code Playground

by Jimmy Mabey

HTML

<div class="outer">
<div class="inner">
one
</div>
<div class="inner">
two
</div>
</div>

CSS

.outer {
  background: white;
  background-clip: padding-box;
  border: 1px solid red;
  width: 50%;
  margin: auto;
  position: absolute;
  left: 25%;
}

.inner {
  border-top: 1px solid lime;
  background: blue;
  padding: 20px;
}