Styling an arbitrarily nested list?

You could do a little dance where each list, other than the outer list, has a left margin of -1000 and a left padding of +1030, so that the border extends far to the left, and the root list has overflow set to hidden. It still won't get arbitrarily deep, but you can increase the maximum number of levels by changing the numbers without adding extra rules.

I did something like you said. I applied the margin and padding to all the lists except the outer one, and set the overflow on the outer one to hidden. It is not arbitrary, but at least it keeps the number of rules to a manageable level.

– mikez302 May 3 at 23:33.

I don't see how that can be done without explicit rules for each level. You can avoid having to chain the rules like that, however, at the cost of a little additional markup: nested list test Item 1 Item 2 Item 2a Item 2b Item 2b1 Item 2b2 Item 2b2a If you were using SASS, you could even do not very useful but cool stuff like this to loop through as many levels as you need:! Levels = 10 @for!

I from 0 to! Levels #outer ul. Level#{!

I} > li padding-left: #{! I*30}px.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions