Espera unos segundos se esta Cargando...

Dividir el texto de una entrada en dos Columnas

10 de noviembre de 2014



A veces necesitemos escribir a dos columnas en una entrada, cuando tenemos un texto muy largo y no queremos poner “Leer más” en la entrada.

Para dividir el texto de una entrada en dos Columnas:

  • Creamos una nueva entrada pegamos el código en edición HTML y el texto que esta en rojo lo cambiaremos por el texto que queramos poner en esa entrada, para que quede así:



Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id dui nibh, mollis semper magna. Etiam sit amet nunc eu nunc convallis laoreet. Praesent id dui vitae orci facilisis rutrum eget id neque. Ut condimentum, lectus pellentesque scelerisque interdum, nisl dui viverra neque, in vestibulum felis est sed arcu. Fusce lacus nulla, commodo semper luctus sit amet, fermentum ac neque. Donec faucibus velit non ante vulputate semper.
Quisque euismod vulputate lectus, vitae pretium leo sodales at. Aliquam erat volutpat. Ut feugiat vehicula nulla vel placerat. Nunc nec metus neque, sit amet vulputate leo. Vivamus sodales odio sed augue lacinia ultrices. Nulla tincidunt, neque nec laoreet iaculis, tellus libero sagittis nisl, sed commodo lacus nulla ac sapien. Pellentesque vel magna vitae diam hendrerit bibendum tempus at magna.

Este es el código 

<div style="float: left; width: 45%">Texto de la columna (lado izquierdo)</div><div style="float: right; width: 45%">Texto de la columna (lado derecho)</div>
<div style="clear: both"></div>

  • El texto que esta en rojo lo cambiaremos por el texto que queramos poner.


Si queremos insertar una imagen el código sera el siguiente:

<div style="padding: 10px; float: left; width: 45%; text-align: justify;"><img style="margin: 0px; float: left;" src="URL de la imagen" alt="Trucos” border="0" />Texto de la columna (lado izquierdo)</div><div style="padding: 10px; float: right; width: 45%; text-align: justify;">Texto de la columna (lado derecho)</div>



Quedando de esta manera:


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id dui nibh, mollis semper magna. Etiam sit amet nunc eu nunc convallis laoreet. Praesent id dui vitae orci facilisis rutrum eget id neque. Ut condimentum, lectus pellentesque scelerisque interdum, nisl dui viverra neque, in vestibulum felis est sed arcu. Fusce lacus nulla, commodo semper luctus sit amet, fermentum ac neque. Donec faucibus velit non ante vulputate semper.
Quisque euismod vulputate lectus, vitae pretium leo sodales at. Aliquam erat volutpat. Ut feugiat vehicula nulla vel placerat. Nunc nec metus neque, sit amet vulputate leo. Vivamus sodales odio sed augue lacinia ultrices.Nulla tincidunt, neque nec laoreet iaculis, tellus libero sagittis nisl, sed commodo lacus nulla ac sapien. Pellentesque vel magna vitae diam hendrerit bibendum tempus at magna. Nulla pellentesque egestas sagittis. Cras blandit bibendum ante nec placerat. Nulla volutpat diam non quam suscipit et ornare nisi porttitor. Quisque eget elit nulla, et imperdiet nisi. Vivamus sit amet nibh vel enim aliquam auctor.






-

No hay comentarios -

Publicar un comentario

Cosas para el Blog © Creative Commons 2014 | Plantilla Cosas para el Blog

creada por CPB | Con la tecnología de Blogger