13 febrero 2010

Escribir texto en dos columnas


html

Un sencillo código html nos permite publicar texto a dos columnas.

Puede resultarnos especialmente útil cuando el texto nos queda demasiado largo y no queremos usar el método “Leer mas..” o entradas expandibles.

 

 

Código:

<div style=”float:left; width: 45%”>texto en columna 1 izquierda</div>

<div style=”float:right; width: 45%”>texto en columna 2 derecha</div>

<div style=”clear: both”></div>

Ejemplo:

Lorem ipsum (abreviadamente, lipsum) es el texto que se usa habitualmente en diseño gráfico en demostraciones de tipografías o de borradores de diseño para probar el diseño visual antes de insertar el texto final. En este caso se le conoce también como greeking en inglés.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat.

.


.
.



2 comentarios:

Peter Pank on 14 de febrero de 2010, 14:54 dijo...

Pero, en que lugar se ha de poner ese código

MALINA on 14 de febrero de 2010, 16:31 dijo...

Hola Peter Pank, lo colocas en el lugar donde quieres que aparezca el texto en 2 columnas.

Publicar un comentario

Hola, por favor se amable, deja tu nombre y si necesitas respuesta suscribete al comentario ya que te responderé aquí mismo.

@>-,´-: MaLiNa

 

Copyright 2008 | Design by Somos Marca