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
  7. Minha jovem muito legal tooou contigo.

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

Postar um comentário