---
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: 2025-12-23T06:30:31Z
published: 2025-12-23T06:30:31Z
---

> ## 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 are aligned to the left. Markdown doesn't have a built-in way to customize image alignment. You can use the HTML tags provided in this article as a workaround to achieve this effect.

## Solution

1. Go to the desired article in the Knowledge base portal.
2. Paste the code below in the desired location in the editor where you want the image to appear.

```
<p style="text-align: center"><img src="https://files.document360.io/filename/folder/subfolder/imagename.png"></p>
```

1. The above code is for center alignment. If you want to keep the alignment as **left** or **right**, replace the term 'center' in the code with 'left' or 'right' as per your requirement.

> - **Right** → `"text-align: right"`
> - **Left** → `"text-align: left"`

1. Replace the URL '`https://files.document360.io/filename/folder/subfolder/imagename.png`' with your desired image URL.

#### Where can I find the URL of an image in Drive?

1. Go to **Drive** and navigate to the folder in which the desired image is available.
2. Click the desired image.  

Alternatively, click ••• (next to the desired image name) > **View details**.  

The **File details** panel appears on the right, and the image URL is below the **Location** information.
3. Click the **Copy** icon, and the image URL will be copied.

### Outcome

#### Left alignment

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

#### Center 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)

---

#### Can I add a button, logo, or a clipart and align it in Markdown?

Yes, as long as it is an allowed image file type, you can align it in the Markdown editor.