fix(markdown): Move caption to children

markdown/dev/howtos/code/adding-snippets/en.md

@@ -27,4 +27,7 @@ See [Using attributes](/howtos/code/attributes/) for details on how to set attri
 
 Below is an example of the available snippets, and the use of the `data-scale` and `data-rotate` attributes:
 
-<Example pattern="rendertest" caption="Overview of available snippets" options={{ colors: false, text: false, macros: false, circles: false, widthHd: false }} />
+<Example pattern="rendertest" options={{ colors: false, text: false, macros: false, circles: false, widthHd: false }}>
+Overview of available snippets 
+</Example>
+

markdown/dev/howtos/code/adding-text/en.md

@@ -16,10 +16,9 @@ points.anchor = new Point(100, 25)
   .attr("data-text-class", "center");
 ```
 
-<Example 
-  part="point_attr" 
-  caption="Text inserted in a FreeSewing pattern"
-/>
+<Example part="point_attr">
+Text inserted in a FreeSewing pattern
+</Example>
 
 <Note>
 
@@ -46,7 +45,7 @@ paths.example = new Path()
   .attr("data-text-class", "text-xs center");
 ```
 
-<Example 
-  part="path_attr" 
-  caption="Text on a path"
-/>
+<Example part="path_attr">
+Text on a path
+</Example>
+

markdown/dev/howtos/code/drawing-circles/en.md

@@ -12,5 +12,7 @@ to the radius of the circle you want to draw.
 
 In addition, all attributes that have a `data-circle-` prefix will apply to the circle, rather than the point.
 
-<Example pattern="rendertest" caption="Circles" options={{ colors: false, text: false, macros: false, snippets: false, widthHd: false }} />
+<Example pattern="rendertest" options={{ colors: false, text: false, macros: false, snippets: false, widthHd: false }}>
+Circles
+</Example>