nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Can I have multiple sub points nested in a bulleted list?

Evan Meinerts

I understand how to make a list with nested sub points. I make a normal list by using a '-' and then if I want to nest a sub point I just put a space in front of the dash. I am wondering if it is possible to go several layers deep of nesting i.e. making a sub point of a sub point of a sub point, etc.

I tried simply adding another space in front of the dash but that doesn't change anything, with one or two spaces it still is just a single layer nesting.

Accepted answers

Iain Dooley

@Evan Meinerts yep, apparently by adding two spaces

https://gist.github.com/iaindooley/b1be674aad15ecc987fc4df7974fce60

produces:

2019-05-02 at 5.06 pm.png

All comments

Iain Dooley

@Evan Meinerts yep, apparently by adding two spaces

https://gist.github.com/iaindooley/b1be674aad15ecc987fc4df7974fce60

produces:

2019-05-02 at 5.06 pm.png

Katrin Anger

@Iain Dooley

I tested this in Trello, and it does not work in a standard checklist. I would love to have a solution for this too, but it would be great if it were properly explained how to do this. - Thanks!

Evan Meinerts

Thanks! I see that I have to have a dash with no spaces to start a list, then one space in front of a dash to start the first nested level, and then 3 spaces in front of a dash to go 2 nested levels in. It does seem weird when I want to put multiple sub points each with their own sub points- the spaces needed in front of them are not the same for the same nested level.

It seems kind of random how to format this- if I am multiple sub points deep and want to go back one nested level then my 'dashes' don't line up properly, some have to have more or less spaces in front of it in order to get to the same nesting level as the one above it. I don't really know how to explain it, but the point is that it works, but it still seems a little weird.