Si alguna vez te encontraste con la necesidad de dividir un articulo en columnas, es probable que no encontraras una solución eficaz al problema. La verdad es que la solución es muy simple de aplicar, y los efectos son los deseados en cualquier plataforma, tanto Blogger como Wordpress y otras; solo necesitas un poco de HTML. Con el siguiente código HTML insertado en el artículo que quieras dividir en columnas, podrás mostrar la información de una forma mucho más organizada.
<div style="float: left; WIDTH: 45%">Este es el Texto de la Columna de la Izquierda</div> <div style="float: right; WIDTH: 45%">Este es el Texto de la Columna de la Derecha</div>
<divstyle="clear: both"></div>
Y este sería el efecto conseguido despues de aplicar el código:
Este es el Texto de la Columna de la Izquierda
Este es el Texto de la Columna de la Derecha
Como se puede apreciar en el código HTML, cada columna se preformatea con un ancho del 45% del total del ancho del artículo. Obviamente este valor se puede ajustar por separado para cada columna. Además se pueden insertar otros elementos además de texto, como ocurriria sin el texto formateado en columnas.
Sin duda una buena solución fácil de implementar para aquellos artículos largos que necesiten de un texto bien organizado.
Muy bueno y muy practico, la clase de informacion que me interesa, me lo apunto....un saludo
ResponderEliminarSaludos. Me ha sido muy útil la información, que he aplicado en mi blog.
ResponderEliminarAprovecho para avisar de un pequeño error que puede causar problemas a quienes hacen corta-pega. En la última etiqueta del código de ejemplo, se os ha juntado el div con su atributo, donde dice divstyle debería decir div style
Gracias!!
ResponderEliminarMe sirvio mucho para mi blog