JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    <div id="div1">div1</div>
    <div id="div2">div2</div>
    <div id="sep"/>
    <div id="div1_new">div1_new</div>
    <div id="div2_new">div2_new</div>
</div>

CSS

#main {
    
}

#div1{
  display: inline-block;
  border: solid 1px #000000;
  background-color: #0066CC;
}
#div2{
  display: inline-block;
  border: solid 1px #000000;
  background-color: #66CC00;
}
#sep{
  display: inline;
}
#div1_new{
  display: inline-block;
  border: solid 1px #000000;
  background-color: red;
}
#div2_new{
  display: inline-block;
  border: solid 1px #000000;
  background-color: yellow;
}