CSS para alinear imagenes, o cosas en general
img.centrado {
display: block;
margin-left: auto;
margin-right: auto;
}
img.derecha {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.izquierda {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.derecha {
float: right;
}
.izquierda {
float: left
}
Para usarlo en los elementos de tu blog o web, solo tienes que añadir class="izquierda". Por ejemplo para alinear un div a la derecha <div class="derecha"> y si es una imagen <img src="urldelaimagen.jpg" class="derecha" />
Vía: http://www.webintenta.com/
display: block;
margin-left: auto;
margin-right: auto;
}
img.derecha {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.izquierda {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.derecha {
float: right;
}
.izquierda {
float: left
}
Para usarlo en los elementos de tu blog o web, solo tienes que añadir class="izquierda". Por ejemplo para alinear un div a la derecha <div class="derecha"> y si es una imagen <img src="urldelaimagen.jpg" class="derecha" />
Vía: http://www.webintenta.com/
Comentarios