I'm doing this page that is made for the user to interact with the page and it'll have a list of pages that the user will determinate. So this list will be display in a div as an unordered list 

- about

- location

- runaway

and will have a random number of li's that will depend on the user. 
I want the list to have between the items a line, but in the last li in the bottom should not have any line and in the first in the top eather. 

It should look like

```
                                 about

```

---

```
                                location

```

---

```
                                runaway

```

in my css I have:

li { border-bottom: 1px solid rgba(255,255,255,0.6); padding-bottom: 5px;}

anyone knows how to do this? 
thanks!