JSFiddle - React, Tailwind, and code Playground

by thirdender

HTML

<div id="positionRelative">
  <div id="overflowHidden">
    <div class="positionAbsolute">
      Positioned element
    </div>
  </div>
</div>

SCSS

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#positionRelative {
  position: relative;
}

#overflowHidden {
  background: white;
  overflow: hidden;
  width: 10em;
  height: 4em;
  .positionAbsolute {
    background: #0084ff;
    border: none;
    border-radius: 5px;
    padding: .5em 1em;
    font-size: 15px;
    color: #fff;
    position: absolute;
    top: 1em;
    left: 6em;
    width: 10em;
    text-align: center;
  }
}