Update goldens and fix 'q' tag

Author: Sub6Resources

example/lib/main.dart

@@ -47,6 +47,9 @@ const htmlData = """
       Solve for <var>x<sub>n</sub></var>: log<sub>2</sub>(<var>x</var><sup>2</sup>+<var>n</var>) = 9<sup>3</sup>
       <p>One of the most <span>common</span> equations in all of physics is <br /><var>E</var>=<var>m</var><var>c</var><sup>2</sup>.</p>
       <h3>Table support (with custom styling!):</h3>
+      <p>
+      <q>Famous quote...</q>
+      </p>
       <table>
       <colgroup>
         <col width="50%" />

lib/html_parser.dart

@@ -476,12 +476,13 @@ class HtmlParser extends StatelessWidget {
   /// properties.
   static StyledElement _processBeforesAndAfters(StyledElement tree) {
     if (tree.style?.before != null) {
-      tree.children.insert(0, TextContentElement(text: tree.style.before));
+      tree.children?.insert(0, TextContentElement(text: tree.style.before, style: tree.style));
     }
     if (tree.style?.after != null) {
-      tree.children.add(TextContentElement(text: tree.style.after));
+      tree.children?.add(TextContentElement(text: tree.style.after, style: tree.style));
+    } else {
+      tree.children?.forEach(_processBeforesAndAfters);
     }
-    tree.children?.forEach(_processBeforesAndAfters);
     return tree;
   }