JSFiddle - React, Tailwind, and code Playground

by srikar7

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="main">

</div>

CSS

span {
  width :45%;
  height:50%;
  float:left;
  background-color:none;
  margin:25px;
  display:inline-block;
}
main{
  width:1000px;
  height:4000px;
}

JavaScript

for (var x = 1; x<5; x++) {
      if (x%2==0) {
   txt= $("<span></span>",{id:"div"+x,text:"div"+x});
   var s = $('<select/>');
   s.append($("<option>").html("hi"+x))
   var sel=txt.append(s);
   $("#main").append(sel)
       //$("#div"+x).after("<br />")
      } else {
        txt= $("<span></span>",{id:"div"+x,text:"div"+x});
       $("#main").append(txt)
      }
      }