Insertando imágenes en una columna. CSS3

noviembre 23, 2012

Insertando imágenes en una columna. CSS3

Anteriormente publique Como realizar columnas en CSS3 aun mas fácil que eso es insertar una imagen entre esta simplemente tenemos que colocar la ruta

( <img src="rss.png" width="20%" height="80px">)

de la imagen en el lugar donde la queremos .

De esta manera

<html>
<head>
<style type="text/css">
div{
line-height:1.5em;

-moz-column-count:3;
-webkit-column-count:3;
column-count:3;

}

</style>

</head>
<body>
<div>
Lorem Ipsum is simply dummy
text of the printing and typesetting
industry. Lorem Ipsum has been the industry's
standard

<img src="rss.png" width="20%" height="80px">

popularised in the 1960s with the release of Letraset
sheets containing Lorem Ipsum passages, and more recently
with desktop publishing software like Aldus PageMaker including
versions of Lorem Ipsum dummy text ever since the 1500s, when
an unknown printer took a galley of type and scrambled
it to make a type specimen book. It has survived not
only five centuries, but also the leap into electronic
typesetting, remaining essentially unchanged. It was
popularised in the 1960s with the release of Letraset
sheets containing Lorem Ipsum passages, and more recently
with desktop publishing software like Aldus PageMaker including
versions of Lorem Ipsum popularised in the 1960s with the release of Letraset
sheets containing Lorem Ipsum passages, and more recently
with desktop publishing software like Aldus PageMaker including
versions of Lorem Ipsum.</div>

</body>

</html>

quedando así .