JSFiddle - React, Tailwind, and code Playground

by Arnaud

HTML

<span>toto va manger 
 des <div id="un" class="toto"> un</div>
frites</span>
<div id="conteneur">

<div id="deux" class="toto">
deux
</div>

<div id="trois" class="toto">
trois
</div>
</div>

<div id="parent">vcontenu parent
<div id="enfant">contenu enfant</div>
</div>

CSS

body{
font-size:14px;
}
#conteneur{
  background:#ccc;
  height:100px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
#un{
 background:#cc33dd; 
 display:inline;
}

#deux{
   background:#3333dd; 
    display:inline;

}

#trois{
 background:#ccffdd; 
  display:inline;

}

.toto{
  background:green;
  width:33%;
}

#parent{
 background:red;
 display:none;
}

#enfant{
background:blue;
display:none;

}