Bem-vindo ao alinhamento de imagem! A melhor maneira de demonstrar o fluxo e refluxo das várias opções de posicionamento de imagem é acomodá-las confortavelmente entre um oceano de palavras. Pegue um remo e vamos começar.
Sobre o tema alinhamento, deve-se observar que os usuários podem escolher entre as opções de Nenhum, Deixei, Certo, e Centro. Além disso, eles também têm as opções de Miniatura, Médio, Grande & Tamanho real.
Acontece que a imagem acima é centrado.
O restante deste parágrafo é preenchido para ver o texto contornar os 150×150 imagem, o que é alinhado à esquerda.
Como você pode ver, deve haver algum espaço acima, abaixo, e à direita da imagem. O texto não deve aparecer rastejando na imagem. Rastejar simplesmente não está certo. As imagens também precisam de espaço para respirar. Deixe-os falar como você palavras. Deixe-os fazer seu trabalho sem complicações com o texto. Em mais uma frase aqui, veremos que o texto se move da direita da imagem para baixo da imagem em uma transição perfeita. De novo, deixando fazer isso. Missão cumprida!
E agora por um imagem enormemente grande. Também tem sem alinhamento.
A imagem acima, embora 1200px de largura, não deve transbordar a área de conteúdo. Deve permanecer contido sem nenhuma interrupção visível no fluxo de conteúdo.
E agora vamos mudar as coisas para o alinhar à direita. De novo, deve haver bastante espaço acima, abaixo, e à esquerda da imagem. Basta olhar para ele lá… Ei cara! Maneira de balançar esse lado direito. Eu não me importo com o que diz a imagem alinhada à esquerda, você está ótimo. Não deixe ninguém lhe dizer o contrário.
Daqui a pouco, você deverá ver o texto começar a quebrar abaixo da imagem alinhada à direita e se acomodar bem. Ainda deve haver bastante espaço e tudo deve estar bem sentado. Sim… Simples assim. Nunca foi tão bom estar certo.
E justamente quando você pensou que tínhamos terminado, vamos fazer tudo de novo com legendas!
Olhe para 580×300 pegando um pouco rubrica amor.
Acontece que a imagem acima é centrado. A legenda também tem um link, só para ver se faz alguma coisa estranha.
Legenda pequenina.
O restante deste parágrafo é preenchido para ver o texto contornar os 150×150 imagem, o que é alinhado à esquerda.
Como você pode ver, deve haver algum espaço acima, abaixo, e à direita da imagem. O texto não deve aparecer rastejando na imagem. Rastejar simplesmente não está certo. As imagens também precisam de espaço para respirar. Deixe-os falar como você palavras. Deixe-os fazer seu trabalho sem complicações com o texto. Em mais uma frase aqui, veremos que o texto se move da direita da imagem para baixo da imagem em uma transição perfeita. De novo, deixando fazer isso. Missão cumprida!
E agora por um imagem enormemente grande. Também tem sem alinhamento.
Comentário de imagem enorme para seus olhos.
A imagem acima, embora 1200px de largura, não deve transbordar a área de conteúdo. Deve permanecer contido sem nenhuma interrupção visível no fluxo de conteúdo.
É bom estar certo o tempo todo.
E agora vamos mudar as coisas para o alinhar à direita. De novo, deve haver bastante espaço acima, abaixo, e à esquerda da imagem. Basta olhar para ele lá… Ei cara! Maneira de balançar esse lado direito. Eu não me importo com o que diz a imagem alinhada à esquerda, você está ótimo. Não deixe ninguém lhe dizer o contrário.
Daqui a pouco, você deverá ver o texto começar a quebrar abaixo da imagem alinhada à direita e se acomodar bem. Ainda deve haver bastante espaço e tudo deve estar bem sentado. Sim… Simples assim. Nunca foi tão bom estar certo.
E isso é um embrulho, ei! Você sobreviveu às águas tumultuadas do alinhamento. Conquista de alinhamento de imagem desbloqueada!