Centralizar melhor a imagem dentro da postagem

Quando inserimos uma imagem dentro do nosso post e queremos configurá-la temos algumas opções, veja na imagem abaixo:

Podemos escolher o tamanho, alinhamento, inserir legenda, entre outras funções. Mas mesmo quando alinhamos, as vezes a imagem fica desalinhada do texto e deixa a postagem feia. Se você optar por alinhar para os lados, o texto pode aparecer nas brechas que ficam da imagem, e isso não é legal.

A melhor opção, ao meu ver, para expor imagens grandes é centralizá-las, mas como disse acima, as vezes ela não fica alinhada ao texto. Mas tem uma coisa muito fácil a se fazer para resolver isso.

Basta remover uma parte do código do html da imagem, veja só:

Ex 1: Imagem centralizada, porém existe uma margem no canto esquerdo.

Ex 2: A margem foi removida e a imagem melhor centralizada à página:

O que eu fiz? Veja no código abaixo:

Na postagem: clique em HTML > vá no código original da imagem que você quer alinhar e remova a parte que está destacada em vermelho no exemplo:

<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBgMEIY5EJ8iCLYSCkasY-KcZsSdlq_Ehd_mSwMVrMAuA6-IkvSER0j4t3q9bnS80bLk5bAAexf6p344d4DIuW9qv2DPFL5-sKPzAhn0fEDldSSJQWRYDFPtDKl2BsVzN6zG-_B6aKJKVz/s1600/opcoes-imagem-cobaia-downloads.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="25" data-original-width="809" height="19" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBgMEIY5EJ8iCLYSCkasY-KcZsSdlq_Ehd_mSwMVrMAuA6-IkvSER0j4t3q9bnS80bLk5bAAexf6p344d4DIuW9qv2DPFL5-sKPzAhn0fEDldSSJQWRYDFPtDKl2BsVzN6zG-_B6aKJKVz/s640/opcoes-imagem-cobaia-downloads.jpg" width="640" /></a></div>
<div>
<br /></div>

Só isso. Muito fácil, não é mesmo?

Comente o que achou e se eu te ajudei.