HTML - Separar dos section

   
Vista:

Separar dos section

Publicado por Brhen (11 intervenciones) el 04/10/2014 13:59:27
Hola comunidad,

Estoy trabajando en una estructura HTML5 muy sencilla, contiene un header, un nav, main, aside con dos section y el footer.

He puesto con FLEX el main a la izquierda y el aside con los dos section a la derecha, mi idea ahora es que los section se separen uno del otro.

Intentaré dibujarlo con caracteres:

El layout es algo así:
[HEADER]
[NAV]
[MAIN] [ASIDE]
[FOOTER]

Está perfectamente, lo único que me falta es que dentro de ASIDE, que está así:

<aside>
<section>
</section>
<section>
</section>
</aside>

Los dos section están pegados y quiero separarlos:

[SECTION]
[SECTION]

Por:

[SECTION]


[SECTION]

Muchas gracias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Separar dos section

Publicado por xve (1178 intervenciones) el 04/10/2014 18:00:29
Hola Brhen, lo que quieres hacer, creo que lo puedes hacer con un simple estilo de CSS....

1
aside section:last-child {margin-top:50px;}

No lo he probado, pero creo que te funcionara. Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Separar dos section

Publicado por Brhen (11 intervenciones) el 06/10/2014 22:40:04
Hecho. Muchas gracias
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar