Hi,

Let's say I have a list, with an arbitrary number of indentation levels, like so:

Item
  Item
    Item
Item
  Item
Item
  Item
  Item
    Item
      Item
        Item

If I'm displaying this list in an HTML document, how can I use CSS to handle the indentation? There might be an arbitrary number of indentation levels (although in practice there isn't going to be more than 5 or so).

I don't want to create an "indent1" class that indents 10 pixels, an "indent2" class that indents 20 pixels, etc - that's clumsy. Is it possible to create a general rule that will indent by a certain distance based on an attribute value, or the position of an element in the hierarchy?