JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>

CSS

li {width:10px;height:10px;float:right;color:white;padding:10px}
li:first-child {background:yellow}
li + li {background:brown;float:left}
li + li + li {background:green;float:left}
li + li + li + li {background:red;float:right}