hola, estoy praticando con css3 y no puedo hacer que section y aside quede en paralelo al ponerle datos al section el aside se desplaza hacia abajo nose que tengo mal le dejo el codigo que e ralizado espero me puedan guiar con css
Código HTML:
Ver original<!DOCTYPE HTML>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="style2.css">
<H1>LISTA DE PRODUCTO
</H1> <img src="img/fideos.jpg"> <img src="img/fideos.jpg"> <img src="img/fideos.jpg"> <img src="img/fideos.jpg"> <img src="img/fideos.jpg"> <img src="img/fideos.jpg"> <img src="img/fideos.jpg">
Código CSS:
Ver original*{margin: 0;
padding: 0;
}
body{
background: red;
}
section#contenedor{
background: #000;
margin: 2em 5em;
height: 30em;
border-radius: 2em;
padding: 1em;
}
section #principal{
overflow-y:visible;
overflow-x:hidden ;
}
section #principal, aside{
background: #fff;
width: 79%;
margin: 0em 0em;
text-align: center;
border-radius: 2em;
display: inline-block;
height: 30em;
}
aside{
width: 20%;
margin-top: 0px;
}
section #principal img{
background:pink;
height: 200px;
padding: 0.1em;
margin-left: 0.5em;
}