JSFiddle - React, Tailwind, and code Playground

by hamix

HTML

<div>
   <textarea class="ab"></textarea>
   <input type="text"/>
</div>
<div>
   <input type="text"/>
   <textarea class="re"></textarea>
</div>

CSS

div{width:100px;height:100px;}
/*Absolutely positioned elements are removed from the normal flow. The document and other elements behave like the absolutely positioned element does not exist.
Absolutely positioned elements can overlap other elements.*/
textarea.ab{
    position:absolute;
    top:15px;
    left:15px;
}
/* The content of relatively positioned elements can be moved and overlap other elements, but the reserved space for the element is still preserved in the normal flow.*/
textarea.re{
    float:right;
    position:relative;
    top:-15px;
    left:90px;
}