JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a">
    <div id="b">
        <ul>
            <li>some contents goes here..</li>
            <li>some contents goes here..</li>
            <li>some contents goes here..</li>
        </ul>
    </div>
</div>

CSS

#a {
    border: 2px solid;
    text-align: center;
}
#a * {
    text-align: initial;
}