Supposed I have a growing list:

```
<ul>
  <li>#1</li>
  <li>#2</li>
  <li>#3</li>
  ......
</ul>

```

And I want to make it to look like a stack, meaning the former ones will be above the latter ones. For example:

[![enter image description here](https://i.stack.imgur.com/pmKWi.png)](https://i.stack.imgur.com/pmKWi.png)

I guess I may have to make each list item float to left, shift it with something like `left: -5px;`, and decrease the z-index, but since there might be indefinite numbers of items, I am not sure how to achieve it for all items with CSS.

Thanks