JSFiddle - React, Tailwind, and code Playground

by gdanko

HTML

<body style="text-align: center">
    <div id="mydiv">
        <ul class="container">
            <li rel="folder" class="category"><a href="#">category1</a>
                <ul><li rel="file" class="subcategory"><a href="#">subcategory1</a></li></ul>
                <ul><li rel="file" class="subcategory"><a href="#">subcategory2</a></li></ul>
            </li>
            <li rel="folder" class="category"><a href="#">category2</a>
                <ul><li rel="file" class="subcategory"><a href="#">subcategory3</a></li></ul>
                <ul><li rel="file" class="subcategory"><a href="#">subcategory4</a></li></ul>
            </li>
        </ul>
    </div>
</body>

JavaScript

$('#mydiv').children().each(function() {
    $(this).css('text-align', 'left');
});