Estilo periodístico en entradas

Si deseamos estructurar una en entrada en formato de columnas periodísticas, sólo hay que tocar un poquito el código html de la misma.

El código será:

<div style="width: 45%; float: left;">Escribir el contenido que deseamos aparezca en la columna de la izquierda</div>

<div style="width: 45%; float: right;">Aqui redactaremos el contenido que deseemos establecer en la columna de la derecha</div>

<div style="clear: both;">

</div>

Y nos quedará como se muestra a continuacíón:

Escribir el contenido que deseamos aparezca en la columna de la izquierda

Aqui redactaremos el contenido que deseemos establecer en la columna de la derecha

  
Si queremos el texto en tres columnas entonces el código será:
<div style="text-align:center;margin:0 auto;width:100%;">

<div style="width: 30%; float: left;margin:0px 15px 0px 15px;text-align:justify;">Texto que deseemos que aparezca en la columna de la izquierda </div>

<div style="width: 30%; float: left;margin:0px 15px 0px 0px;text-align:justify;">Texto que deseemos que aparezca en la columna del centro </div>

<div style="width: 30%; float: left;margin:0px 0px 0px 0px;text-align:justify;">Texto que deseemos en la columna de la derecha </div>

<div style="clear: both;"/>

</div>

</div>

El texto en las tres columnas le hemos dado una alineación justificada, el ancho de la columna, de un 30% respecto al ancho total del espacio de nuestra entrada.

Y nos quedará como la muestra siguiente:

Texto que deseemos que aparezca en la columna de la izquierda

Texto que deseemos que aparezca en la columna del centro

Texto que deseemos en la columna de la derecha

Puede interesar ver como establecer una imagen con texto alrededor.