Separacion entre elementos li y lu

[mickeyy]

hola tengo este codigo:

Código:

			<ul class="menu">
				<li class="leaf"><a href="/drupalv1/?q=node/1">Bienvenidos</a></li>
				<li class="expanded"><a href="/drupalv1/?q=node/3" class="active">Historia</a>
				<ul class="menu">
					<li class="leaf"><a href="/drupalv1/?q=node/4">Fechas Importantes</a></li>
					<li class="leaf"><a href="/drupalv1/?q=node/5">Años 60</a></li>
					<li class="leaf"><a href="/drupalv1/?q=node/6">Años 70</a></li>
					<li class="leaf"><a href="/drupalv1/?q=node/7">Años 80</a></li>
					<li class="leaf"><a href="/drupalv1/?q=node/8">Año 1986 - S. XXI</a></li>
				</ul>
				</li>
				<li class="leaf"><a href="/drupalv1/?q=node/9">Dimensión Social</a></li>
				<li class="leaf"><a href="/drupalv1/?q=node/10">Sociedades</a></li>
				<li class="leaf"><a href="/drupalv1/?q=node/11">Industrias</a></li>
				<li class="leaf"><a href="/drupalv1/?q=node/12">Cifras</a></li>

			</ul>

y me gustaria poder definir la distancia izquierda de separacion entre elementos anidados. Es decir la especie de tabulacion que tienen los elementos anidados, hay alguna manera? gracias

[AlvaroG]

Supongo que bastaría con jugar con los márgenes izquierdos de los li

Como se toma de forma relativa al elemento que lo contiene, poniendo un margin-left:5% (por ejemplo) hará que en cada "anidación" el elemento li tenga 5% más de margen que el elemento que lo contiene. (o al menos en teoría )


Saludos.