[wp-trac] [WordPress Trac] #51148: WordPress 5.5 Bug - Odd Heading Block Alignment

[WordPress Trac]

#51148: WordPress 5.5 Bug - Odd Heading Block Alignment
--------------------------+------------------------------
 Reporter:  Lumne         |       Owner:  (none)
     Type:  defect (bug)  |      Status:  assigned
 Priority:  normal        |   Milestone:  Awaiting Review
Component:  General       |     Version:  5.5
 Severity:  normal        |  Resolution:
 Keywords:                |     Focuses:  ui, css
--------------------------+------------------------------
Changes (by Lumne):

 * focuses:  ui => ui, css


Comment:

 The Heading block CSS responsible for center alignment has been changed in
 the WordPress 5.5 update.
 {{{
 .block-editor-block-list__layout .wp-block {
     margin-left: auto;
     margin-right: auto;
 }
 }}}
 The above CSS is now being overridden by the following CSS regarding the
 Heading block in Gutenberg:
 {{{
 .editor-post-title__block .editor-post-title__input, .editor-styles-
 wrapper .wp-block h1, .editor-styles-wrapper .wp-block h2, .editor-styles-
 wrapper .wp-block h3, .editor-styles-wrapper .wp-block h4, .editor-styles-
 wrapper .wp-block h5, .editor-styles-wrapper .wp-block h6 {
     font-feature-settings: "lnum";
     font-variant-numeric: lining-nums;
     font-weight: 700;
     letter-spacing: -0.0415625em;
     line-height: 1.25;
     margin: 40px 0 25px; /* This line specifically is causing the
 alignment issue */
 }
 }}}

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/51148#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform