Como colocar uma imagem lado a lado? HTML

Esse código é legal para quem gosta de estruturar as postagens do blog em colunas, como faço aqui, ou criar uma galeria de imagens.

Demonstração:


Gato


Ou a imagem ao lado de um texto:




Seja otimista. Se parece haver uma nuvem negra sob a sua vida, olhe pelo lado bom, pode ser sinal de que vai chover na sua horta.













Para usar o código:

1. Vá em "criar nova postagem" ao lado de escrever clique em "HTML" cole o código:

<center><br><div style="float:left; width:50%">SUA IMAGEM OU TEXTO AQUI</div><div style="float:left; width:50%">SUA IMAGEM OU TEXTO AQUI</div></center><br>

Obs.: Para colocar três imagens lado a lado troque o 50% por 33% (basta fazer a conta 100 divido pela quantidade de colunas).

Se gostou curta :)


Veja também