JSFiddle - React, Tailwind, and code Playground

by andrey90vs

HTML

<div class="container">
  <div class="hide-content">
    <h1>
      Test Test Test
    </h1>
    <div class="content">
      Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum 
    </div>
  </div>
</div>

<div class="container">
  <div class="hide-content">
    <h1>
      Test Test Test
    </h1>
    <div class="content">
      Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum 
    </div>
  </div>
</div>

SCSS

.container {
  position: relative;
  box-sizing: border-box;
  float: left;
  min-height: 200px;
  width: 50%;
  border: 1px solid red;
  
  h1 {
    margin: 0;
    padding: 0;
  }
  
  .hide-content {
    position: absolute;
    left: 20px;
    right: 20px;
  }
}