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í .




Dependiendo de las columnas  del tamaño anchura y altura de la imagen que colocaras le podrás dar un buen estilo.


   Hasta aquí  espero sea útil la entrada .



Tal ves te interesa 










Comentarios