JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<ul>
<li>1. lorem ipsum sitelkasld kfjoaiwenaw</li>
<li>2. lorem ipsum sitelkasld kfjoaiwenaw</li>
<li>3. lorem ipsum sitelkasld kfjoaiwenaw</li>
<li>4. lorem ipsum sitelkasld kfjoaiwenaw</li>
<li>5. lorem ipsum sitelkasld kfjoaiwenaw</li>
<li>6. lorem ipsum sitelkasld kfjoaiwenaw</li>
<li>7. lorem ipsum sitelkasld kfjoaiwenaw</li>
</ul>
</div>

CSS

.wrapper {
    width: 100%;
}

ul {
    width: 90%;
    text-align: center;
}

ul li {
    display: inline-block;
}