JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="items">
  <li>item 1</li>
  <li>item2</li>
  <li>iem3</li>
</ul>

 <ul id="items2">
  <li>item 1</li>
  <li>item2</li>
  <li>iem3</li>
</ul>

CSS

ul{text-align:right;}
#items li{display:inline;}
#items2 li{display:inline-block;}

/* for decoration */
li{padding:24px;margin:3px;background:pink}
ul{margin:40px;background:red;}