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

Comentários

  1. Hey, bem legal seu post, super útil! Adorei seu blog!
    Beeijos

    www.ataquedamodaa.com

    ResponderExcluir
  2. Genteeeeeeeeee, AMEI. Simplesmente amei. Vou até favoritar aqui <3 Obrigada mesmo pelo tuto!!!
    Beijos
    http://wherefaithlives.blogspot.com.br/

    ResponderExcluir
  3. Amei a dica
    Canal:https://www.youtube.com/watch?v=eNNlFtDc1-o
    Bloghttp://arrasandonobatomvermelho.blogspot.com.br

    ResponderExcluir
  4. Ameeei o código e a dica! Super fácil <3
    Um beijo

    Dicas para Todas

    ResponderExcluir
  5. A debaixo está ficando colada nas de cima. O que devo fazer?

    ResponderExcluir
    Respostas
    1. Então é preciso que você dê espaço entre uma imagem e outra.
      Pode me mandar o código com as imagens incluídas para que eu possa te ajudar melhor?
      Beijos

      Excluir
  6. Antônio Carlos

    Show de bola. Parabéns pela dica!

    ResponderExcluir
Sua opinião é muito importante!
:3 :p :s :9 :| :'( :8( ;) :D :( 8) :)

Postar um comentário