@@ -1,13 +1,3 @@
-<style>
- /* Umberto stylesheet is centering `<img>` inside a `<p>`, let's overwrite it with higher CSS Specificity.
- * See: https://github.com/ckeditor/ckeditor5/issues/2080.
- */
- .live-snippet .ck-editor p img {
- display: inline;
- margin: 0;
- }
-</style>
-
<div id="mathtype-editor">
<p>In elementary algebra, the <strong>quadratic formula</strong> is the solution of the quadratic equation.</p>
@@ -200,6 +200,15 @@ It breaks CKEditor 5 (see how <p><code>[]</code></p> looks). */
margin: 0 auto;
}
+/* Umberto stylesheet is centering `<img>` inside a `<p>`, let's overwrite it with higher CSS Specificity.
+ * See: https://github.com/ckeditor/ckeditor5/issues/2080.
+ */
+.live-snippet p img {
+ display: initial;
+ margin: initial;
+ box-sizing: initial;
+}
+
.live-snippet blockquote p:first-of-type {
margin-bottom: 1.5rem;