JSFiddle - React, Tailwind, and code Playground

HTML

<div class="popup-layout">
  <div class="popup-content">
      <div class="tabs">
        tabs
      </div>
      <div class="tabs-content">
        content
      </div>
      <div style="clear: both;"></div>
  </div>
</div>

CSS

.popup-layout {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.6);
}

.popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 35px;
  background: red;
  padding: 15px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tabs {
  width: 55px;
  float: left;
}
.tabs-content {
  width: 250px;
  float: left;
}