JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
	<h1>Hello</h1>
	<ul>
		<li>Apples</li>
		<li>Oranges</li>
		<li>Pears</li>
	</ul>
	<h1>Bye</h1>
</div>

CSS

.wrapper > * { 
  display: inline-block 
}

ul {
  list-style: none;
  padding-left: 0;
  width:87%;
}


li {
  display: inline-block;
  padding: 0 5%;
}