A maneira mais correta de se fazer um alinhamento de imagens na página web é usando css. Acontece que nem todo mundo sabe inserir códigos inline de css em elementos html, como no caso da tag img. Logo, quem não sabe usar o recurso acaba usando o alinhamento por parágrafo.

Quando você insere uma imagem em um post no Wordpress, essas são suas opções de alinhamento:

Mas esse alinhamento não funciona, se ele não estiver setado no seu arquivo css. Explico.

O que o sistema do Wordpress faz é inserir uma classe com um nome de alinhamento específico. Logo, para que o alinhamento se concretize, as propriedades css dessa classe devem existir.

As classes para cada alinhamento são: alignnone, alignleft, aligncenter e alignright. Então, se você escolher alinhar a imagem para a esquerda do texto, ou de onde ela está inserida, a classe a ser inserida na tag img será class=”alignleft”.

Num mundo perfeito, todos os temas teriam que vir com as propriedades de alinhamento em css por padrão. Mas se o seu tema não tem essas propriedades, abra o seu arquivo style.css e acrescente o seguinte códigopara alinhamento a esquerda e a direita:

img .alignleft { float:left; margin:0 10px 10px 0; }
 
img .alignright { float:right; margin:0 0 10px 10px; }

Adicionei a propriedade “margin” em ambas as classes, para que o texto não fique “grudado” na imagem (as margens mudam de acordo com o alinhamento).