What do I add to the HTML code to make the list items left aligned?

What do I add to the HTML code to make the list items left aligned? Right now, they are all centered.

<ul id="ts">
<li><h1>Accountant</h1></li>
<li><h1>Staff Accountant</h1></li>
<li><h1>Accounting Manager</h1></li>
<li><h1>CPA</h1></li>
<li><h1>Tax Accountant</h1></li>
<li><h1>Financial Accountant</h1></li>
<li><h1>Senior Accountant</h1></li>
<li><h1>Controller</h1></li>
<li><h1>Chief Accounting Officer</h1></li>
</ul>

That worked perfectly! But...when I upgraded my page to the fluid engine, the spacing changed. Do you know how I can fix the spacing?

I'll attach a pre-fluid engine screenshot and a post-fluid engine screenshot. 

Can you share your website URL?

Here you go - https://www.a3recruitingandhr.com/

The website is not finished, I just published it so you can access it. The problem I took a screenshot of is going to be in the navigation as "Accounting Recruiting (copy)" and "(copy) Accounting Recruiting (copy)" 

(copy) Accounting Recruiting (copy) - that is the one that us upgraded to fluid engine.

It looks like the block is too big, you just need to resize it, move the bottom block up and adjust the number of rows in the section.

It doesn't allow me to resize the block or the code block. I'll show you here - https://www.loom.com/share/1b603a77df214bf59a5ea21d3af682bf

And thank you so, so, so much for your help! You're the best! 

Easy solution is not to use a Fluid Engine section here.

What code are you using to rotate through the text?

That's true, and I might just have to do that. Below is the code

 

<script>
    /**
    *  Gallery Section Auto Scroller
    **/
  (function () {
    setAutoScroll({
      gallery: 1,
      direction: 2,
      timing: 1500,
    });

    /*
    * Copy and paste the above code
    * to target more auto-scrolling
    * sections
    **/

    /** gallery
    * gallery section order on the page. Ex:
    * 1 = the first gallery section on a page,
    * 2 = the second gallery section on a page
    **/

    /** direction
    * direction the gallery should go in.
    * 1 = backwards,
    * 2 = forwards
    **/

    /** timing
    * timing between each slide, in milliseconds. Ex:
    * 2000 = 2 seconds
    **/

    function setAutoScroll(settings) {
      function init() {
        let section = document.querySelectorAll(".page-section.gallery-section")[settings.gallery - 1];

        function clickArrow() {
          if (section && !document.querySelector("html.sqs-modal-lightbox-open") && !document.hidden && !document.querySelector("body.sqs-edit-mode")) {
            let arrow = section.querySelectorAll(".gallery-reel-control .gallery-reel-control-btn")[settings.direction - 1];
            if (arrow) arrow.click();
          }
        }

        window.setInterval(clickArrow, settings.timing);
      }

      window.addEventListener("DOMContentLoaded", init);
    }
  })();

</script>

Best bet is just to use a classic editor section. I could poke around with the code and probably change if it runs in edit mode so you could change the box size, but it's probably not worth the hassle.