Escribir texto en dos columnas. Este tip es de mucha utilidad cuando tenemos un texto muy largo y no queremos partir la entrada con “Leer mas..”

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.

.


.
.

------------------------------------------

Post relacionados:

  1. Agregar tres columnas en el pie de pagina (Blogger)
  2. Texto con movimiento en la barra de navegación
  3. Dividir en dos columnas el widget de etiquetas
  4. Opción para guardar en PDF (Blogger)
  5. ¿Qué es un texto de un link inbound?

Red Blogs

Un Despiste a “Escribir texto en dos columnas”

Trackbacks (1)
  1. Información Bitacoras.com…

    Valora en Bitacoras.com: Escribir texto en dos columnas. Este tip es de mucha utilidad cuando tenemos un texto muy largo y no queremos partir la entrada con “Leer mas..” Código: texto en columna 1 izquierda texto en columna 2 derecha Ejemplo: Lorem i…..

Deja Un Despiste

(necesario)

(necesario)

Puedes utilizar estas etiquetas HTML y atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

© 2012 Red Blogs Suffusion theme by Sayontan Sinha