Dividir las entradas en dos columnas

Todo se trata de cambiar la estructura de las entradas dandole un toque diferente . Este truco es muy sencillo de realizar y requiere de muy poco tiempo.
Es un diseño muy utilizado en los periódicos y las revistas y que a muchos lectores les gusta y les facilita la lectura de un artículo.




A continuación les voy a mostrar el código necesario para conseguir este truquito. Puedes ponerlo en una entrada cualquiera, en una entrada que ya hayas escrito .(les recomiendo que primero escriban la entrada y que después la dividas entre ambas columnas ya que si la escribes directamente en el código podrían confundirse).


 <div style="float:left; width: 48%">TEXTO IZQUIERDA</div><div style="float:right; width: 48%">TEXTO DERECHA</div>
<div style="clear: both"></div>

No debes olvidar que al poner un código en una entrada, debes hacerlo en la pestaña de 'Edición de HTML' y no en la de 'Redactar'.

Puedes modificar el ancho de las columnas modificando el porcentaje (48%) en el código.
No puede haber espacio entre el cierre </div> de la primera columna y el <div... de la segunda.

Votar esta anotación en Bitácoras.com
Compartir esta entrada :



data:newerPageTitle data:olderPageTitle data:homeMsg
:) :( ;) :D ;;-) :-/ :-O X( B-) #:-S :(( :)) =)) ~X( :-t 8- =P~ #-o =D7 :-SS :-q :-bd

0 comentarios:

Publicar un comentario