Hace tiempo publique un artículo de como Alinear contenido de tu blog o página, ahora mostrare la forma de alinear imágenes con un simple CSS.
Centrado
[<style type="text/css"> img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } </style>]
Ejemplos
[<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrhB3sxcAiRB6ql0y4h2IJNcouF2VwtT4Vg4EZjwOCHiKnv67AOneK-yosY1SUcWOhqNawF5dvAH5zFYWgAqk11s7PSZQ5EKxwv8OkkFUa0ViFbh570yb2QfN8NgdPkO4aFiwXSvIFbxY/s400/onsoni-theme.png" class="centered" /> ]
Alineado a la derecha
[<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrhB3sxcAiRB6ql0y4h2IJNcouF2VwtT4Vg4EZjwOCHiKnv67AOneK-yosY1SUcWOhqNawF5dvAH5zFYWgAqk11s7PSZQ5EKxwv8OkkFUa0ViFbh570yb2QfN8NgdPkO4aFiwXSvIFbxY/s400/onsoni-theme.png" class="alignright" />]
Alineado a la izquierda
[<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrhB3sxcAiRB6ql0y4h2IJNcouF2VwtT4Vg4EZjwOCHiKnv67AOneK-yosY1SUcWOhqNawF5dvAH5zFYWgAqk11s7PSZQ5EKxwv8OkkFUa0ViFbh570yb2QfN8NgdPkO4aFiwXSvIFbxY/s400/onsoni-theme.png" class="alignleft" />]
