Criar margens entre imagens e textos

Quando usamos o atributo ALIGN no elemento IMG, estamos a forçar um comportamento e por isso temos de ter atenção com algumas coisas:

1. Devemos escrever texto suficiente para que envolva a imagem... caso contrário, a imagem sobrepõe o post anterior;

2. Se alinhamos uma foto à esquerda ou à direita podemos usar o atributo STYLE para forçar um espaço entre a mesma e o texto que a envolve, exemplos:

STYLE="margin:4px;" - cria uma margem de 4px de largura a toda a volta da imagem

STYLE="margin-left:4px;" - cria uma margem de 4px de largura à esquerda da imagem - equivalente para margin-right (à direita), margin-top (em cima), margin-bottom (em baixo)

STYLE="margin:4px 6px 2px 0px;" - cria uma margem de 4px em cima, de 6px à direita, de 2px em baixo e de 0px à esquerda da imagem

Nota: 4px significa 4 pixels. Podem usar quaiquer números inteiros, para definir este valor.

Daqui a pouco venho por umas imagens ilustrativas, deixo-vos aqui um exemplo da sintaxe completa:

<IMG SRC="http://caminho/imagem.jpg" ALIGN="left" STYLE="margin:4px 6px 2px 0px;">

Beijinhos
Sandra