To center an image in [[Obsidian]] (especially in preview mode), I use a [[CSS]] snippet to control the alignment by adding `center` as part of the alt text using the pipe syntax:
```
```
This requires the `image-alignment` CSS snippet to be enabled in **Settings > Appearance > CSS snippets**. The full snippet:
```css
/* Center images with "center" in alt text:  */
/* Live preview: image inside div.image-embed */
div.image-embed:has(img[alt*="center"]) {
width: 100% !important;
display: flex !important;
justify-content: center !important;
}
/* Reading mode / embeds: image inside p tag */
p:has(> img[alt*="center"]) {
text-align: center !important;
}
```