--- title: "Como alinhar a imagem no Markdown" slug: "how-to-align-the-image-in-markdown" description: "Images are aligned to the left by default. Change the alignment of the desired images in your articles with the provided workaround." tags: ["Customization"] updated: 2026-06-22T08:58:57Z published: 2026-06-22T08:58:57Z canonical: "docs.document360.com/how-to-align-the-image-in-markdown" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Como alinhar a imagem no Markdown Por padrão, as imagens no editor Markdown estão alinhadas à esquerda. O Markdown não possui uma forma embutida de controlar o alinhamento da imagem — a solução alternativa é envolver a tag da imagem dentro de um elemento HTML `<p>` com um `style="text-align"` atributo, que o editor Markdown do Document360 renderiza corretamente. --- ## Quando usar o alinhamento personalizado de imagens - **Alinhamento do centro** — coloque diagramas, capturas de tela ou ilustrações no centro visual da página para dar mais destaque e separá-los do corpo do texto. - **Alinhamento à direita** — flutue um logo, ícone ou imagem de apoio para a direita para que o texto do corpo possa fluir junto com ele. - **Alinhamento explícito à esquerda** — substitua o padrão quando seu modelo de artigo ou CSS aplicar um alinhamento base diferente. NOTA Essa técnica só funciona no **editor Markdown**. No editor WYSIWYG, use as opções de alinhamento na barra de ferramentas de imagem. --- ## Referência rápida Substitua `YOUR_IMAGE_URL` pela URL da sua imagem e escolha o valor de alinhamento que você precisa. | Alinhamento | Trecho HTML | | --- | --- | | Esquerda | `<p style="text-align: left"><img src="YOUR_IMAGE_URL"></p>` | | Centro | `<p style="text-align: center"><img src="YOUR_IMAGE_URL"></p>` | | Certo | `<p style="text-align: right"><img src="YOUR_IMAGE_URL"></p>` | Qualquer tipo de arquivo de imagem suportado pelo Document360 — incluindo logos, ícones, botões e clipart — pode ser alinhado usando esses trechos. --- ## Como alinhar uma imagem no Markdown 1. Abra o artigo desejado no portal da Base de Conhecimento. 2. Cole o trecho apropriado da tabela acima no local onde deseja que a imagem apareça. 3. Substitua `YOUR_IMAGE_URL` pela URL da sua imagem. ### Como encontrar uma URL de imagem no Drive 1. Vá em **Drive** e navegue até a pasta que contém a imagem. 2. Clique na imagem desejada — alternativamente, clique **em •••** ao lado do nome da imagem e selecione **Ver detalhes**. O painel **de detalhes do arquivo** aparece à direita. A URL da imagem é exibida abaixo das informações **de Localização** . 3. Clique no ícone **Copiar** para copiar a URL. --- ## Desfechos ### Alinhamento à esquerda ![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/doc360.jpg) ### Alinhamento central ![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/doc360.jpg) ### Alinhamento à direita ![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/doc360.jpg)