Fixed issue with div and spans section

Author: cwhite911

content/tests/styling.qmd

@@ -823,33 +823,61 @@ This content can be styled with a border
 :::
 ```
 
-### Sidebar
+### Spans
 
-::::: {#special .sidebar}
+[This is *some text*]{.class key="val"}
 
-::: {.warning}
-Here is a warning.
-:::
+```md
+[This is *some text*]{.class key="val"}
+```
 
-More content.
-:::::
+<span class="custom-span">This is a custom span.</span>
 
 ```md
-::::: {#special .sidebar}
+<span class="custom-span">This is a custom span.</span>
+```
 
-::: {.warning}
-Here is a warning.
-:::
+### Span Styling
+
+#### Small Caps
 
-More content.
-:::::
+[smallcaps]{.smallcaps}
+
+```md
+[smallcaps]{.smallcaps}
 ```
 
-### Spans
+#### Underline
 
-[This is *some text*]{.class key="val"}
+[underlined]{.underline}
 
-<span class="custom-span">This is a custom span.</span>
+```md
+[underlined]{.underline}
+```
+
+#### Highlight
+
+[highlighted]{.mark}
+
+```
+[highlighted]{.mark}
+```
+
+### Order of Attribute
+
+The order of attribute for divs and spans follow rules defined in the [pandoc](https://pandoc.org/MANUAL.html#divs-and-spans) documentation.
+
+#### Good
+
+```md
+[Good]{#id .class key="val"}
+```
+
+#### Bad
+
+```md
+[This is *some text*]{.class key="val"}
+```
 
 ## Listing