JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu-alias fac">
  <div id="menu_fac_1" class="alias afac aliselected">
    <a style="cursor:pointer" onclick="facalias(1);" class="alias-fac-a">D</a>
  </div>
  <div id="menu_fac_0" class="alias afac ali-nuevo">
    <a style="cursor:pointer" onclick="facalias(0);" class="alias-fac-a">+</a>
  </div>
</div>



<div class="facturacion" id="fac_1" style="display: block;">
    <label for="acc_f_nombre_1" class="acc-label required">
      Nombre:<span class="required">*</span><input id="acc_f_nombre_1" value="D" type="text" class="acc-text upp">
   </label>
</div>

<div class="facturacion" id="fac_0" style="display: none;">
    <label for="acc_f_nombre_0" class="acc-label required">
      Nombre:<span class="required">*</span><input id="acc_f_nombre_0" value="" type="text" class="acc-text upp">
   </label>
</div>

CSS

.menu-alias {
    float: left;
    width: 100%;
    border-bottom: 1px solid;
    display: flex;
}
.menu-alias .alias.aliselected {
   background-color:#f7caad;
   margin-bottom: -1px;
}
.menu-alias .alias{
    float: left;
    border: 1px solid;
    border-bottom: 0;
    border-right: 0;
    background-color: rgba(255,100,0,0.1);
}
.menu-alias .alias.ali-nuevo{
    border-right:1px solid;
}
.menu-alias .alias a{
    display: block;
    padding: 5px 10px;
    cursor: pointer;
}
.facturacion{
    padding: 5px;
    background-color: rgba(255,100,0,0.3);
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    float:left;
}