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>

3. 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"

4. 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

Center alignment

Right alignment

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.