diff --git a/xep.xsl b/xep.xsl
index 33d948da..4dce9026 100644
--- a/xep.xsl
+++ b/xep.xsl
@@ -1053,7 +1053,13 @@ content: "XEP-<xsl:value-of select='/xep/header/number'/>";
   </xsl:template>
 
   <xsl:template match='div'>
-    <div>
+    <xsl:variable name='type'>
+      <xsl:choose>
+        <xsl:when test='@class = "example"'>figure</xsl:when>
+        <xsl:otherwise>div</xsl:otherwise>
+      </xsl:choose>
+    </xsl:variable>
+    <xsl:element name='{$type}'>
       <xsl:variable name='class.count' select='count(@class)'/>
       <xsl:if test='$class.count=1'>
         <xsl:attribute name='class'><xsl:value-of select='@class'/></xsl:attribute>
@@ -1063,7 +1069,7 @@ content: "XEP-<xsl:value-of select='/xep/header/number'/>";
         <xsl:attribute name='style'><xsl:value-of select='@style'/></xsl:attribute>
       </xsl:if>
       <xsl:apply-templates/>
-    </div>
+    </xsl:element>
   </xsl:template>
 
   <xsl:template match='em'>
diff --git a/xmpp.v2.css b/xmpp.v2.css
index d0188887..79599178 100644
--- a/xmpp.v2.css
+++ b/xmpp.v2.css
@@ -1281,7 +1281,8 @@
     }
 
     figure.code,
-    figure.code-example {
+    figure.code-example,
+    figure.example {
         /* margin: 1.5em; */
         padding: 1.5em;
         border: 1px solid rgba(19, 181, 234, 1.0);
@@ -1475,6 +1476,7 @@
     nav#toc ol.toc li a:hover:before {
         color: white;
     }
+
 }
 
 @media screen and ( max-width: 60em ) {