Hola, tengo una duda:
Quiero poner un header, verde, con una imagen dentro del header también, que ocupe un 70% más o menos....el caso es que si lo hago así, de la
forma 1, no me sale centrada la imagen, por más
"margin:0 auto;" que le dé, la imagen se me queda pegada a la izquierda....pero si lo hago de la
forma 2, con un <div> alrededor de la <img> sí me sale, (con el CSS idéntico a la 1) ¿es que la etiqueta <img> no es una etiqueta que se comporte igual que un <div>? al fin y al cabo no deja de ser otra caja más (la <img> ...Gracias
FORMA 1:
Código HTML:
Ver original
<img src="img/header-photo.jpg" class="header-img">
Código CSS:
Ver originalheader {
background: #5E803F;
width: 100%;
height:250px;
}
.header-img {
margin: 0 auto;
width: 70%;
}