JSFiddle - React, Tailwind, and code Playground

HTML

<TABLE border="1" cellSpacing="0" cellPadding="0" >
      <TBODY>
      <TR>
        <TD vAlign="top" align="left">
          <DIV class="navBar">
          <DIV class="navBarRow">
              <DIV class="navBarCell select"><A href="">child 1.1</A></DIV><DIV class="navBarCell"><A href="">child 1.2</A></DIV>
          </DIV>
          <DIV class="navBarRow">
            <DIV class="navBarCell select"><A href="">solo 2</A></DIV>
          </DIV>
          <DIV class="navBarRow">
            <DIV  class="navBarCell"><A href="">Child 3.1</A></DIV><DIV class="navBarCell"><A href="">Child 3.2</A></DIV><DIV class="navBarCell"><A href="">Child 3.3</A></DIV>
          </DIV>
          <DIV class="navBarRow">
            <DIV class="navBarCell"><A href="">Child 4.1</A></DIV><DIV class="navBarCell"><A href="">Child 4.2</A></DIV><DIV class="navBarCell"><A href="">Child 4.3</A></DIV><DIV class="navBarCell"><A href="">Child 4.4</A></DIV><DIV class="navBarCell"><A href="">Child 4.5</A></DIV><DIV class="navBarCell"><A href="">Child 4.6</A></DIV><DIV class="navBarCell"><A href="">Child 4.7</A></DIV><DIV class="navBarCell"><A href="">Child 4.8</A></DIV>
          </DIV>
          <DIV class="navBarRow">
            <DIV class="navBarCell"><A href="">Child 5.1</A></DIV><DIV class="navBarCell"><A href="">Child 5.2</A></DIV><DIV class="navBarCell"><A href="">Child 5.3</A></DIV>
          </DIV>
          <DIV class="navBarRow">
            <DIV class="navBarCell"><A href="">Child 6.1</A></DIV>
            <DIV class="navBarCell"><A href="">Child 6.2</A></DIV>
            <DIV class="navBarCell"><A href="">Child 6.3</A></DIV>
          </DIV>
          <DIV class="navBarRow">
            <DIV class="navBarCell"><A href="">solo</A></DIV>
          </DIV>
          <DIV class="navBarRow">
            <DIV class="navBarCell"><A href="">solo</A></DIV>
          </DIV>
          <DIV class="navBarRow">
            <DIV class="navBarCell"><A href="">solo</A></DIV>
          </DIV>
       ...

CSS

div.navBar 
    {
        
    }

    div.navBar a:link a:visited a:active a:focus { color: Black; }

    div.navBar div.navBarRow
    {
        font-family:Arial, Helvetica, sans-serif;
        font-size:1.15em;
        font-weight:bold;
        background-color: #AFC5E3;
        border-bottom:1px solid #dbe2f2; 
         
}

div.navBar div.navBarRow *.navBarCell
{
        vertical-align: top;
        display: inline-block;
        padding-left: 0.625em;
        
        height: 44px;
        box-sizing: border-box;
    }
.navBarCell {white-space:nowrap;}
    div.navBar div.navBarRow *.navBarCell.select
    {
        background-color: #6699CC;
    }
.navBarCell{display:inline-block;
    *display:inline; /* for IE7*/
    *zoom:1;/* for IE7*/
    margin-right:10px;
    background:red;
    min-width:100px;
    min-height:50px;}
.navBarRow{
    white-space:nowrap;
}