JSFiddle - React, Tailwind, and code Playground

by marhaba

HTML

<form id='parent'>
      
        <div id="childeDiv">
            <div class="middle" id="A">A</div>
            <div class="middle" id="B">B</div>
            <div class="middle" id="C">C</div>
        <div>

    </form>
            
    <form id='anotherform'>
      </form>

CSS

.middle
{
    width:33%;
    height:50px;
    float:left;
}

#A { background-color:#CCC; }
#B { background-color:#666; }
#C { background-color:#EEE; }

JavaScript

$(document).ready(function() {
 var childeDiv = $('childeDiv');
    
    $('anotherform').append(childForm);
    
});