You are on page 1of 1

Esto va para crear una base de recursos sobre HTML y CSS de mi artculo principal, sobre como crear un blog

y es la continuacin obligatoria al artculo sobre como centrar imgenes con CSS. En este caso a la derecha e izquierda usando uno de los ms importantes atributos de CSS para el diseo con DIV, que luego entraremos a detalle en ello. Este tutorial no trata del diseo con imgenes con CSS, lo veremos prximamente, sino de objetos metidos dentro del texto. Como se dijo anteriormente, CSS no tiene ningn atributo especial para centrar imgenes y es todo un dolor de cabeza para algunos "descubrir la manera", aqu cabe cuestionar lo que les costaba hacer un atributo que fuera especial para centrar objetos cuando en el caso de los laterales se puede alinear a derecha e izquierda asignando un atributo dentro de la tag de IMG, por que nos valdremos de un simple truco para centrar una imagen. Recordar que a diferencia del texto, donde no es necesario alinear a la izquierda, en el caso de las imgenes incluso es recomendable hacerlo. Para alinear una imagen simplemente usamos el atributo CSS Float, en el cual podremos usar Left y Right para establecer una alineacin a la derecha y a la izquierda. Usando flotar (Izquierda y derecha) Pueden ver en otros artculos la forma en que se usan las clases para vincular esta propiedad desde una archivo CSS para no repetir los pasos: Para la izquierda agregamos float: left; <img style="float:left;" src="http://tusitio/imagen.jpg" alt="descripcin" />

Para la derecha agregamos float: right;

<img style="float:right;" src="http://tusitio/imagen.jpg" alt="descripcin" />

You might also like