JSFiddle - React, Tailwind, and code Playground

by Darren Galway

HTML

<div class="flex">
  <ul>
    <li>foo</li>
    <li>bar</li>
    <li>baz</li>
  </ul>
</div>

SCSS

.flex {
  display: flex;
  background: pink;
}

ul {
  display: flex;
  margin: 0;
  padding: 0;
  margin-left: auto;
}

li {
  background: red;
  padding: 1rem;
}

li:not(:last-of-type) {
  border-right: 1px solid green;
}