¿Cómo centrar imagen en html?



   AUTOR PREGUNTA

Publicado 09 julio 2014 - 13:21

Hola,

necesito centrar una imagen en HTML y no quiero crear un DIV, ¿Qué cosas dentro de un style="" tengo que poner?

gracias.


2 personas más tuvieron esta duda Yo también

 

Publicado 09 julio 2014 - 13:33

Utiliza esto dentro de tu style de la imágen:

[font=courier new,courier,monospace][size=3]display: block;
margin: auto;[/size][/font]

 

Publicado 09 julio 2014 - 13:43

[font=arial,helvetica,sans-serif][size=4]display: block;
margin-right: auto;
margin-left:auto;[/size][/font]


si le quieres meter un máximo de ancho a parte de que vaya en el centro:

max-width: XXXpx; o max-height: XXX-px; (elije uno para que salga coherente la imágen)

   AUTOR PREGUNTA

Publicado 09 julio 2014 - 22:35

[font=arial,helvetica,sans-serif][size=4]Gracias chicos!![/size][/font]

[font=arial,helvetica,sans-serif][size=4]Esta forma con DIV también me ha venido bien:[/size][/font]

<div style="display:block; vertical-align:middle; text-align:center">
<img src="img.png">
</div>