➡️ Como centralizar imagens com Markdown ⬅️

Fala pessoal tudo bem?

Nesse post quero mostrar como podemos centralizar nossas imagens ou qualquer outra coisa em Markdown para deixar seus posts aqui na comunidade bem bonitão!!!

Bom para fazer isso vamos usar um artificio de HTML, voce deve envolver seu conteudo imagens, links, tabelas ou qualquer outra tag de Markdown por uma div e nessa div basta adicionar a propriedade align="center" dessa forma seu conteudo vai ficar centralizado na tela.

Exemplo

<div align="center">

![Nome da imagem caso ela não carregue](Copie aqui o link da sua imagem)

</div>

Você deve pular uma linha entre a div e seu conteudo de Markdown

Resultado

Tudo que estiver entre a div sera alinhado ao centro

Logo do Markdown

Bora nos conectar também nas redes sociais

🕸️ Me encontre nas redes: 🗄️ Linkedin: https://www.linkedin.com/in/denergarcia/ 📷 Instagran: https://www.instagram.com/m3dener/

Tenho um blog também onde posto varias coisas sobre tecnologia e softwares open source se quiser conhecer : https://linuxaberto.em3de.com/

LuixGuxtohá 2 anos

eu faço assim:

<div align="center">
    <img width="tamanho da imagem" title="titulo da imagem" src="link da imagem"/>
<div>

ficando assim:

denerGarciahá 2 anos
tambem da certo usando somente HTML, eu quis compartilhar mesclando o markdown com o uso da div para quem gostar de manter tudo em markdown mesmo.
devHBhá 2 anos

interessante, não conhecia a abordagem utilizando divs. Obrigado por compartilhar o conteúdo.

Klayhá 2 anos

Ou então use a tag deprecated <center>marqueeeee</center>

denerGarciahá 2 anos
Oi Klay tudo bem... Tentei usar ela aqui porem nao funcionou ficou a esquerda ainda 🙁
Klayhá 2 anos
Puts. Vi agora que eles estão removendo essa tag daqui. :/ (dei upvote)
LuixGuxtohá 2 anos
Essa tag não funciona mais no Markdown, a unica forma é por meio de tags do html, como div, h1, a, etc.;
denerGarciahá 2 anos

Lembrando pessoal que a grande vantagem da div eh que podemos alinhar qualquer coisa que estiver nela, tabelas, imagens, titulos, paragrafos, links enfim tudo mesmo