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.
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
- Open the desired article in the Knowledge Base portal.
- Paste the appropriate snippet from the table above at the location where you want the image to appear.
- Replace
YOUR_IMAGE_URLwith the URL of your image.
How to find an image URL from Drive
-
Go to Drive and navigate to the folder containing the image.
-
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.
-
Click the Copy icon to copy the URL.
Outcomes
Left alignment
Centre alignment
Right alignment