👌 IMPROVE: Render inline HTML images

Author: chrisjsewell

docs/using/syntax-optional.md

@@ -5,7 +5,7 @@ substitutions:
     ```{note}
     {{ key1 }}
     ```
-  key3: "![fun fish](img/fun-fish.png)"
+  key3: <img src="img/fun-fish.png" alt="fishy" width="200px">
 ---
 
 (syntax/optional)=
@@ -99,7 +99,7 @@ substitutions:
     ```{note}
     {{ key1 }}
     ```
-  key3: "![fun fish](img/fun-fish.png)"
+  key3: <img src="img/fun-fish.png" alt="fishy" width="200px">
 ---
 ````
 
@@ -396,6 +396,10 @@ MySt-Parser will attempt to convert any isolated `img` tags (i.e. not wrapped in
 Allowed attributes are equivalent to the `image` directive: src, alt, class, width, height and name.
 Any other attributes will be dropped.
 
+HTML image can also be used inline!
+
+I'm an inline image: <img src="img/fun-fish.png" height="20px">
+
 (syntax/figures)=
 
 ## Markdown Figures

myst_parser/docutils_renderer.py

@@ -487,7 +487,7 @@ def render_autolink(self, token):
         self.current_node.append(ref_node)
 
     def render_html_inline(self, token):
-        self.current_node.append(nodes.raw("", token.content, format="html"))
+        self.render_html_block(token)
 
     def render_html_block(self, token):
         node = None