BARRA SUPERIOR PESTAÑAS DESPLEGABLES

domingo, 15 de marzo de 2015

TEXTO EN TRES COLUMNAS

TEXTO EN TRES COLUMNAS

Hay un puñado de razones por las que podrías desear crear tres columnas en la entrada del blog; sobre todo si estás comparando tres puntos. Sin embargo, el editor del blog no viene con una herramienta que cree fácilmente columnas, sino que tendrás que usar el editor de HTML para crearlas manualmente.
Hay dos maneras de lograr un efecto de tres columnas: el uso de una tabla con tres columnas, o la creación de tres capas div alineadas en una fila.
Nivel de dificultad:
Moderadamente difícil


El código es el siguiente: 

<div style="text-align:center;margin:0 auto;width:100%;">
<div style="width: 30%; float: left;margin:0px 15px 0px 15px;text-align:justify;
">contenido 1</div><div style="width: 30%; float: left;margin:0px 15px 0px 0px;
text-align:justify;
">contenido 2</div><div style="width: 30%; float: left;margin:0px 0px 0px 0px;
text-align:justify;">Contenido 3</div>
<div style="clear: both;"/>
</div>
 
Donde pone contenido 1, 2 y 3 es donde debemos
colocar los textos que queremos en esas tres columnas 
 
 
 


No hay comentarios: