Twenty Twenty and Twenty Twenty-One: Fixes code tag showing outside o…

…f section area.

The code tag had a formatting issue where it was showing outside of the section area. This resolves it in both themes.

Props ravipatel, SergeyBiryukov, poena, sabernhardt, peterwilsoncc.
Fixes #52780.


git-svn-id: https://develop.svn.wordpress.org/trunk@58557 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-content/themes/twentytwenty/style-rtl.css

@@ -598,6 +598,9 @@ pre code {
 	padding: 0;
 }
 
+.entry-content > code {
+	display: block;
+}
 
 /* Media ------------------------------------- */
 

src/wp-content/themes/twentytwenty/style.css

@@ -602,6 +602,9 @@ pre code {
 	padding: 0;
 }
 
+.entry-content > code {
+	display: block;
+}
 
 /* Media ------------------------------------- */
 

src/wp-content/themes/twentytwentyone/assets/css/ie.css

@@ -1661,6 +1661,10 @@ pre {
 	overflow-x: auto;
 }
 
+.entry-content > code {
+	display: block;
+}
+
 /*
  * text-underline-offset doesn't work in Chrome at all 👎
  * But looks nice in Safari/Firefox, so let's keep it and

src/wp-content/themes/twentytwentyone/assets/sass/04-elements/misc.scss

@@ -15,3 +15,7 @@ pre {
 	white-space: pre;
 	overflow-x: auto;
 }
+
+.entry-content > code {
+	display: block;
+}

src/wp-content/themes/twentytwentyone/style-rtl.css

@@ -1555,6 +1555,10 @@ pre {
 	overflow-x: auto;
 }
 
+.entry-content > code {
+	display: block;
+}
+
 /*
  * text-underline-offset doesn't work in Chrome at all 👎
  * But looks nice in Safari/Firefox, so let's keep it and

src/wp-content/themes/twentytwentyone/style.css

@@ -1565,6 +1565,10 @@ pre {
 	overflow-x: auto;
 }
 
+.entry-content > code {
+	display: block;
+}
+
 /*
  * text-underline-offset doesn't work in Chrome at all 👎
  * But looks nice in Safari/Firefox, so let's keep it and