[facil]¿porque aqui no hereda el margin?

[congrio7]

<center style="margin:50px">
<hr width="300"/>

<img src="img/mysql.png" alt="MySQL v.5.0"/><img src="img/tomcat.gif" alt="Apache Tomcat v.5.0.28"/><img src="img/axis_2.jpg" alt="axis2"/><br/><img src="img/vcss.gif" alt="CSS Style Sheet Cascading"/><img src="img/valid-xhtml11.png" alt="html"/>
<br/><br/><br/>

<hr width="300"/>
</center>


Los img no heredan el margin de center, ¿por qué no?

[Isra_84]

En primer lugar creo que tienes varios errores de sintaxis :

<center style="margin:50px;"> Aquí te faltaba un ; a mi me suele fallar si no lo pongo

<hr width="300"/> <----aquí falta la medida ( en px o em o lo que sea )


Si no es un fallo de sintaxis define una class para las imágenes y pon en tu style :

.clase de la imagen{
margin:inherit;
}

Y así te debería funcionar

[congrio7]

Iniciado por Isra_84

En primer lugar creo que tienes varios errores de sintaxis :

<center style="margin:50px;"> Aquí te faltaba un ; a mi me suele fallar si no lo pongo

<hr width="300"/> <----aquí falta la medida ( en px o em o lo que sea )


Si no es un fallo de sintaxis define una class para las imágenes y pon en tu style :

.clase de la imagen{
margin:inherit;
}

Y así te debería funcionar

lo del ; lo he probado y nada.

lo de 300 creo que no es un fallo, si no pones nada, te asigna las medidas por defecto.

Eso si sabia que funcionaba, pero me gustaria hacerlo sin añadir clases para no sobrecargar mucho.

[ZoroRoronoa]

Es imposible mover algo que no es un contenedor.
En este caso, <center> no es un contenedor ni un bloque.

Asi que deberias usarlo en un div.

<center>
<div style="margin=50px;">

CONTENIDO

</div>
</center>

Y con esto, tanto el div que contiene las imagenes, como todas las "img" deberian estar a 50px del margen.

Saludos.

[ArturoGallegos]

compañero @congrio7 la propiedad center ya esta fuera de uso... en su lugar utilice text-align o margin:auto según sea el caso...

y compañero @ZoroRoronoa <center> es un elemento de linea (hasta donde tengo entendido) que no puede o no debe contener elementos tipo bloquee en su interior, en dado caso seria

Código HTML:

<div style="margin:50px;"><center>contenido</center></div>
 

o mejor aun

Código HTML:

<div style="margin:50px;text-align:center;">contenido</div>