fix: Fix many intrinsic issues and add better support for vertical-align throughout

Author: Sub6Resources

lib/src/builtins/image_builtin.dart

@@ -93,6 +93,8 @@ class ImageBuiltIn extends HtmlExtension {
     }
 
     return WidgetSpan(
+      alignment: context.style!.verticalAlign.toPlaceholderAlignment(context.style!.display),
+      baseline: TextBaseline.alphabetic,
       child: CssBoxWidget(
         style: imageStyle,
         childIsReplaced: true,

lib/src/builtins/interactive_element_builtin.dart

@@ -67,6 +67,8 @@ class InteractiveElementBuiltIn extends HtmlExtension {
       );
     } else {
       return WidgetSpan(
+        alignment: context.style!.verticalAlign.toPlaceholderAlignment(context.style!.display),
+        baseline: TextBaseline.alphabetic,
         child: MultipleTapGestureDetector(
           onTap: onTap,
           child: GestureDetector(

lib/src/builtins/styled_element_builtin.dart

@@ -427,13 +427,14 @@ class StyledElementBuiltIn extends HtmlExtension {
 
   @override
   InlineSpan build(ExtensionContext context) {
-    if (context.styledElement!.style.display == Display.listItem ||
-        ((context.styledElement!.style.display == Display.block ||
-                context.styledElement!.style.display == Display.inlineBlock) &&
+    final style = context.styledElement!.style;
+    final display = style.display;
+    if (display == Display.listItem ||
+        ((display == Display.block || display == Display.inlineBlock) &&
             (context.styledElement!.children.isNotEmpty ||
                 context.elementName == "hr"))) {
       return WidgetSpan(
-        alignment: PlaceholderAlignment.baseline,
+        alignment: style.verticalAlign.toPlaceholderAlignment(display),
         baseline: TextBaseline.alphabetic,
         child: CssBoxWidget.withInlineSpanChildren(
           key: AnchorKey.of(context.parser.key, context.styledElement),