如何在nextjs tailwindcss中使ul位于页面的左侧？我试着添加一个保证金的权利，但它不工作，我怎么能使左边的网页

<section class="px-4 lg:px-20 flex flex-col justify-center items-center">
        <h1 class="font-sans font-bold text-4xl md:text-5xl lg:text-4xl leading-loose text-white-800  mt-20">Website</h1>
        <div class="text-white-800 mt-20">
            <h1 className='font-sans font-bold text-4xl md:text-5xl lg:text-4xl leading-loose text-white-800 mb-6'>Nextjs</h1>
            <ul class="list-disc mr-24 text-left">
                <li>First bullet point</li>
                <li>Second bullet point</li>
                <li>Third bullet point</li>
            </ul>
        </div>
    </section>