¡Hola! Les dejo un mini - tuto, que arreglando un blog para la escuela vi que aunque fuera algo sencillo no lo sabían hacer así que aquí está como centrar una imagen con HTML y CSS.
1. Cómo centrar una imagen usando sólo HTML.
<center>
<img src="image.png" alt="Image">
</center>
2. Cómo centrar una imagen usando CSS.
Aquí tendremos código HTML y código CSS. Empezamos viendo el HTML.
<img class="centrado" src="Image.png" alt="Image">
Hemos puesto una clase a la imagen, llamada centrado, y que nos servirá para luego darle estilo en el CSS. A continuación está el código para centrar la imagen.
.centrado{
margin:10px auto;
display:block;
}
Por último, hacemos que el elemento se muestre en bloque, y le damos un margen automático (es suficiente con que el margen sea automático a los lados, arriba y abajo o puedes poner el que quieras). Ten en cuenta que si la imagen ocupa todo el ancho no se verá centrada.
No hay comentarios.:
Publicar un comentario
¡Hola, viajero!
Queremos darte las gracias por tomarte el tiempo de leer nuestras entradas y comentar, tu opinión es muy importante para las cuatro.
No olvides tener en cuenta lo siguiente:
♥No se aceptan comentarios spam. Todo el que lleve un enlace será borrado.
♥Por favor comenta sobre la entrada, si deseas hablarnos de tu blog, pedir afiliación, o algo por el estilo; desde la pestaña "Contacto" puedes enviarnos un correo.
♥Si perteneces a una iniciativa a la cual también pertenecemos, sé paciente, trabajamos en ordenar nuestro tiempo. Disculpa las molestias.