JSFiddle - React, Tailwind, and code Playground

HTML

<section class="carousel price_carousel">
    <!--Price section -->
    <div class="wrapper">
        <ul class="list">
            <li>TEXT TEXT</li>
            <li>TEXT TEXT TEXT TEXT TEXT</li>
            <li>TEXT TEXT TEXT TEXT TEXT</li>
        </ul>
    </div>

CSS

.wrapper {
    text-align: center;
}
.price_carousel .list {
    padding-left: 1em;
    display:block;
    margin: 0;
   
}
.price_carousel .list li {
    display: inline-block;
    vertical-align: middle;
    list-style-position: inside;
    list-style-type: disc;
    margin-right: 1em;
    text-align: left;
    white-space: nowrap;
}