Center Embedded youtube videos

Custom CSS & Theme Design
1

Is there a way to center embedded youtube videos in a file?
I have embbeded the videos using this syntax -

Thanks!

2

Add this to snippet.css

.external-embed{
	display: block;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
}
3

Great, thanks!

4

For some reason, the embeds still appear aligned to the left.

5

If you are using the Minimal theme, update to the latest version. Seems the left aligned issue was fixed with a recent update. A space in front of the ![](...) also fixes it.

6

Actually I am using the Annupuccin theme. I will try to update it or the space solution .Thanks!

7

This didnt work for me, Im not using any plugins and using the default theme. Why are my embeds not centering?

I have embedded a test link using both iframes and the ![](link) notation, still no success.

Edit:

  1. It looks like it centres YouTube videos (embedded using ![](link) notation in Reading Mode only, not in Live Preview Mode, is there any way to centre it in Live Preview Mode too?
  2. It didn’t affect the centering of iframes, how can I centre all iframes using CSS?