sexta-feira, 6 de abril de 2018

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://3.bp.blogspot.com/-qE1c4HHfzx4/Wsfs5F9rWsI/AAAAAAAAhXE/rj5U9mksMBYEHU5s2AS40NWQKO2d4ZoVgCLcBGAs/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://3.bp.blogspot.com/-qE1c4HHfzx4/Wsfs5F9rWsI/AAAAAAAAhXE/rj5U9mksMBYEHU5s2AS40NWQKO2d4ZoVgCLcBGAs/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.