JSFiddle - React, Tailwind, and code Playground

by damiantt

HTML

<div class="small-container">
  <div class="content-wrapper">
    <div class="content">
    </div>
    <div class="tooltip">
    </div>
  </div>
</div>

CSS

.small-container {
  width: 500px;
  overflow-x: auto;
  overflow: visible;
}
.content-wrapper {
  display: table;
  position: relative;
}
.content {
  width: 1000px;
  height: 100px;
  background: #CAFB3C;
}
.tooltip {
  position: absolute;
  width: 150px;
  height: 150px;
  left: 450px;
  top: 50px;
  background: #EB38BA;
}