---
title: "How to align the image in 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-20T09:02:05Z
published: 2026-06-20T09:02:05Z
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.

# How to align the image in Markdown

By default, images in the Markdown editor are aligned to the left. Markdown does not have a built-in way to control image alignment — the workaround is to wrap the image tag inside an HTML `<p>` element with a `style="text-align"` attribute, which Document360's Markdown editor renders correctly.

---

## When to use custom image alignment

- **Centre alignment** — place diagrams, screenshots, or illustrations in the visual centre of the page to give them more prominence and separate them from body text.
- **Right alignment** — float a logo, icon, or supporting image to the right so body text can flow alongside it.
- **Explicit left alignment** — override the default when your article template or CSS applies a different base alignment.

 NOTE

This technique only works in the **Markdown editor**. In the WYSIWYG editor, use the alignment options in the image toolbar instead.

---

## Quick reference

Replace `YOUR_IMAGE_URL` with your image URL and choose the alignment value you need.

| Alignment | HTML snippet |
| --- | --- |
| Left | `<p style="text-align: left"><img src="YOUR_IMAGE_URL"></p>` |
| Centre | `<p style="text-align: center"><img src="YOUR_IMAGE_URL"></p>` |
| Right | `<p style="text-align: right"><img src="YOUR_IMAGE_URL"></p>` |

Any image file type supported by Document360 — including logos, icons, buttons, and clipart — can be aligned using these snippets.

---

## How to align an image in Markdown

1. Open the desired article in the Knowledge Base portal.
2. Paste the appropriate snippet from the table above at the location where you want the image to appear.
3. Replace `YOUR_IMAGE_URL` with the URL of your image.

### How to find an image URL from Drive

1. Go to **Drive** and navigate to the folder containing the image.
2. Click the desired image — alternatively, click **•••** next to the image name and select **View details**.

The **File details** panel appears on the right. The image URL is displayed below the **Location** information.
3. Click the **Copy** icon to copy the URL.

---

## Outcomes

### Left alignment

![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/doc360.jpg)

### Centre alignment

![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/doc360.jpg)

### Right alignment

![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/doc360.jpg)