JSFiddle - React, Tailwind, and code Playground

by mayekarsaurabh

HTML

<div class="test wizard-parentcontrol"><div><div>
<fieldset>
</fieldset>
</div><div><div>
<fieldset>
<div>			
<div class="repeater indent1">
<div class="wizard-parentcontrol">
<div><div><div class="controlkl">
Column 1
</div></div></div>
<div><div>
<fieldset>
<div id="p0t2c4dpopupbrowserControl" class="popupbrowser">
Column 2
</div></fieldset></div>
<div>	
<div class="">
<p class="ctrlinvalidmessage"></p>
<fieldset>
<div id="p0t2c5dpopupbrowserControl" class="popupbrowser">Column 3
</div>
</fieldset>
</div></div>				
</div>
</div>
</div>
</div>
</fieldset>
</div></div></div>
</div>

CSS

.test .repeater {
	border: none;
	margin: 0;	
}

.test .indent1 .wizard-parentcontrol .controlkl{
	/* width: 33%; */
	float: left;
	display: block;
}
.test .wizard-controls .indent1 .control:first-child	{
	margin-top: 17px;
	}
.test .indent1 .wizard-parentcontrol .popupbrowser{
	/* width: 30%; */
	float: left;
	border: 1px solid red;
	display: block;
} 

.wizard-parentcontrol div{
    float:left;
}