Tailwind CSS Position relative

Basic example

Use .relative class that allows the element to be positioned relative to its normal position in the document flow.

Any offsets are calculated relative to the element’s normal position and the element will act as a position reference for absolutely positioned children.

        
            
        <div class="... relative">
          <p>Relative parent</p>
          <div class="... absolute bottom-0 left-0 ">
            <p>Absolute child</p>
          </div>
        </div>