JSFiddle - React, Tailwind, and code Playground

HTML

<div class="topMenuView" style="position: fixed; visibility: visible; left: 100px; top: 100px;">
        <div id="lol1" style="position: absolute; width: 161px; visibility: visible; left: 0px; top: 0px;">1</div>
        <div id="lol2" style="position: absolute; width: 118px; visibility: visible; left: 161px; top: 0px;">2</div>
        <div id="lol3" style="position: absolute; width: 110px; visibility: visible; left: 279px; top: 0px;">3</div>
        <div id="lol4" style="position: absolute; width: 304px; visibility: visible; left: 389px; top: 0px;">4</div>
</div>
            
                
biffle

CSS

.topMenuView
{
    display: -webkit-box;
    -webkit-box-orient: horizontal;

      display: -moz-box;
      -moz-box-orient: horizontal;

      display: box;
      box-orient: horizontal;
}


#lol1
{
    border:1px red solid;
    -moz-box-flex-order: 2;
    -moz-box-flex:1;
}

#lol2
{
    border:1px blue solid;
    -moz-box-flex-order: 3;
    -moz-box-flex:1;
}


#lol3
{
    border: 1px green solid;
    -moz-box-flex-order: 1;
    -moz-box-flex:2;
}

#lol4
{
    border:1px purple solid;
    -moz-box-flex-order: 4;
    -moz-box-flex:3;
}