Center alignment of media embeds doesn't work in Bartik

This is caused by

@media all and (min-width: 560px) {
  .node .field--type-image {
    float: left; /* LTR */
    margin: 0 1em 0 0; /* LTR */
  }
  [dir="rtl"] .node .field--type-image {
    float: right;
    margin: 0 0 0 1em;
  }
  .node .field--type-image + .field--type-image {
    clear: both;
  }
}

in core/themes/bartik/css/components/field.css.

I have tested and verified by applying the patch #6 and it was not fixed.

Steps to test-
1. Go to the admin site.
2. Go to admin/appearance
3. In the Administration theme , select Bartik.
4. Go to admin/modules , enable Media, Media Library.
5. Go to admin/config/content/formats
6. In the text editor , from the Available buttons add the media type in Active toolbar.
7. In the Enabled filters , enable these filters Align images and Embed media and click on save configuration.

Before Patch view -

After Patch edit -

After Patch view -

Hi @komalkolekar from your patch #6 it's showing u just removed the codes which @Wim Leers mentioned in #2.
as per the comment #8 issue is still there.
i have created the patch please check.

attaching screen-shot:

I have tested and re-verified by applying the patch #11 and it was fixed now.

AfterPatch_11_Edit

AfterPatch_11_View

Removed credit for #6 -- please make sure that when you create patches, you're fixing the problem that's described in the issue. Glad that the manual testing caught this. :)

Is this duplicated by #3126783: Image align center not working - can someone please confirm and I'll close it and credit the contributors from there here.

@larowlan Yes these two are duplicate.

This seems like a duplicate of #3085436: Center alignment of media embeds doesn't work in Bartik. I credited people from issue there.