Nível: Iniciante
Esta dica mara foi encontrada nos blogs Templates para Novo Blogger e Dicas da Mamanunes
Copie e cole o código abaixo onde você quiser. Você pode colar em uma postagem ou em um elemento de página do tipo HTML/Java. É realmente muito simples, fácil e prático.
Código para dividir em duas colunas
<div style=”float: left; WIDTH: 45%”>Aqui o Texto da Coluna da Esquerda</div>
<div style=”float: right; WIDTH: 45%”>Aqui o Texto da Coluna da Direita</div>
<divstyle=”clear: both”></div>
Código para dividir em três colunas
<div style=”float: left; WIDTH: 30%”>Aqui o Texto da Coluna da Esquerda</div>
<div style=”float: center; WIDTH: 30%”> Aqui o Texto da Coluna Central</div>
<div style=”float: right; WIDTH: 30%”>Aqui o Texto da Coluna da Direita</div>
<divstyle=”clear:both”></div>
Substitua o texto em laranja pelo seu texto, outros códigos, imagens, objetos, elementos de página.
Veja como o código funciona na prática:
Esta dica é sucesso de bilheteria e adianta a vida de muita gente. Você pode usar estes códigos acima para dividir postagens e/ou a barra lateral
em duas ou três colunas, organizar imagens e objetos dentro do template e o que a sua imaginação e a sua criatividade permitirem.


Estou com dificuldades, usei o código para dividir 3 telas de streaming, uma do lado da outra. acontece que a do centro cola com a da esquerda, não fica no centro, e a da direita vai pra baixo (continua a direita, mas embaixo, mesmo tendo um espaço enorme pra ela do lado das outras). tentei até reduzir para 25%, mas não adianta, continua a mesma coisa. o que faço? vladiaqueiroz.gmail.com