JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>LI 1</li>
    <li>LI 2</li> 
    <li>LI 3</li> 
    <li>LI 4</li> 
    <li>LI 5</li>
    <li>LI 6</li> 
</ul>

CSS

ul {
    width: 500px;
    height: 100px;
    background: #def;
    list-style-type: none;
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    filter: flipv();
}

li {
    background: #aaa;
    width: 50px;
    height: 40px;
    float: left;
    margin: 5px 25px;
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    filter: flipv();
}