css margen anidado

Hola amigos

yo otra vez con css

tengo un problema

tengo grupos anidados y quiero que los grupos esten indentados

hice algo asi




<div class="master">

 <div class="detail">

   <div class="simple">

      <p> algo </p>

   </div>

 </div>

</div>



y el css





.master {

  margin-left:10px;

  

}


.detail {

    margin-left:20px;

}


.simple {

    padding: 0.13em 0;

}




Pero no sale indentado como quisiera

yo quiero algo asi

y sale asi

gracias !!!

Hola Horacio,

proba asi:




.master {

  padding-left:10px;

 

}


.detail {  

  padding-left:10px;

}


.simple {

    padding: 0.13em 0;

}



Padding es el "margen hacia adentro" (Busca "modelo de cajas en css" y te vas a dar cuenta)

Perdon, vi el indentado que hicieste despues de que postee…

Tenes bien anidados los div?

Me podes mostrar un ejemplo con mas master details, etc, pero el html mostrame…

los div estan anidados

ok, no te asustes con el codigo

lo estoy mejorando de a poco

556

ejemplo.html

[edit]

master=matricula

detail=novedad

Acabo de ver el codigo… y tambien cuando vi como estabas identando pense en si estabas cerrando correctamente los divs… pero creo que un ejemplo claro y sencillo seria




<html>

<style>

.master {

  margin:10px;

  border:1px solid blue;

  

}


.detail {

    margin:20px;

	border: 1px solid red;

}


.simple {

    margin: 30px;

	border:1px solid orange;

}

</style>

<div class="master">

	Master

	<div class="detail">

		Detail

		<div class="simple">

			<p> algo </p>

		</div>

	</div>

</div>

<div class="master">

	Master

	<div class="detail">

		Detail

		<div class="simple">

			<p> algo </p>

		</div>

	</div>

</div>

<div class="master">

	Master

	<div class="detail">

		Detail

		<div class="simple">

			<p> algo </p>

		</div>

	</div>

</div>

</html>



Exactamente lo que dice Jack… el problema esta en que los divs no estan bien anidados… el ejemplo que puso Jack es perfecto para lo que queres lograr…

Gracias !!!

voy a ver como arreglo ese desorden de código y logro hacer algo CSS-able elimando las tablas, je

Saludos