I am trying to create a slanted/diagonal list, but want to avoid having several nested uls, is there a way to do this, here is the code I have so far:

```html
<ul className={style.steps}>
  <li>
    <p className={style.step}>Lorem</p>
    <ul className={style.steps}>
      <li>
        <p className={style.step}>Ipsum</p>
        <ul className={style.steps}>
          <li>
            <p className={style.step}>dolor</p>
            <ul className={style.steps}>
              <li>
                <p className={style.step}>sit</p>
              </li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
```