MAPA DEL SITIO

GRACIAS A TU DONACION ESTA PAGINA PODRA SEGUIR FUNCIONANDO
Comentarios de Puntadas católicas
COMPARTE ESTA ENTRADA





SIGUENOS
Síguenos en TwitterSiguenos en FacebookSiguenos en Google+Siguenos en PicasaSiguenos en YouTubeSiguenos en BloggerSiguenos en Blogger


Cómo dividir un texto en dos columnas en una entrada

El poder escribir el texto de esta manera nos permite, aparte de una estética bonita en la presentación,el poder ahorrar espacio y que la página no se nos haga tan larga,para poder tener más cosas de un solo vistazo.

Vamos entonces a ver cómo crear dos columnas dentro de una entrada sin necesidad de tocar la plantilla; lo que significa que podrás adaptar las columnas cuando quieras y esto no afectará a tus demás entradas.

<div style="float: left; width: 45%;"> Texto col. izquierda </div>
<div style="float: left; width: 45%;"> Texto  col. derecha</div>


Ejemplo:
3er. Domingo Tiempo Ordinario
4to. Domingo Tiempo Ordinario
5to. Domingo Tiempo Ordinario
6to. Domingo Tiempo Ordinario
7mo. Domingo Tiempo Ordinario
8vo. Domingo Tiempo Ordinario




Como puedes ver. se crean las columnas y puedes seguir escribiendo de manera normal al término de la división

También funciona si deseas colocar imágenes.
<div style="float: left; width: 45%;"> <img src="dirección de la imágen" height="160" width="200" /></div>
<div style="float: left; width: 45%;"> Texto  col. derecha</div>

Ejemplo



Hola, ¿qué tal?










Sólo debes poner la dirección o url de la imágen en donde está marcado con rojo.
Los números en azul son el alto de la imágen
Los números en verde son el ancho de la imágen.


Espero te sea útil.

Tal vez te interese

Related Posts Plugin for WordPress, Blogger...
TRANSLATE


EnglishcvFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified

Archivo del blog

Entradas populares

Seguidores

 
Gadget de animacion Social - Widgets para Blogger

[PR] 求む!タイピング初心者