Estoy haciendo una web con html y css. Quiero poner un encabezado. El código HTML5 que empleo es el siguiente:
<body>
<section>
<div class="imagenMuslito">
<img src="muslito25.jpg" alt="Dibujo muslito pollo">
</div>
<div class="elMuslito">
<h1>El muslito</h1>
</div>
</section>
</body>
CSS:
.elMuslito {
/*float: left;*/
margin-left: 200px;
margin-top: 80px;
}
.imagenMuslito {
float: left;
margin-left: 20px;
margin-top: 0px;
}
Con el CSS ahora solo pretendo que estén al mismo nivel Imagen y texto. Pero cuando le doy más margin-top al H1 tambien lo toma la imagen. Lo cual no entiendo porque están en bloques div diferentes.
Inserto la imagen del resultado.
Como los pongo al mismo nivel?? Porque el código que empleo no los pone al mismo nivel??