Swap contents for HTMLString and MarkdownString (#2110)

docs/book/user-guide/advanced-guide/artifact-management/visualize-artifacts.md

@@ -33,8 +33,8 @@ and build and return this custom return type from one of your steps.
 
 If you already have HTML, Markdown, or CSV data available as a string inside your step, you can simply cast them to one of the following types and return them from your step:
 
-* `zenml.types.HTMLString` for strings in HTML format, e.g., `"# Header\nSome text"`,
-* `zenml.types.MarkdownString` for strings in Markdown format, e.g., `"<h1>Header</h1>Some text"`,
+* `zenml.types.HTMLString` for strings in HTML format, e.g., `"<h1>Header</h1>Some text"`,
+* `zenml.types.MarkdownString` for strings in Markdown format, e.g., `"# Header\nSome text"`,
 * `zenml.types.CSVString` for strings in CSV format, e.g., `"a,b,c\n1,2,3"`.
 
 #### Example: