Split examples using markdown

docs/rules/jsx-key.md

@@ -5,13 +5,17 @@ array literal or an arrow function expression.
 
 ## Rule Details
 
-Three different examples of **incorrect** code for this rule:
+Examples of **incorrect** code for this rule:
 
 ```jsx
 [<Hello />, <Hello />, <Hello />];
+```
 
+```jsx
 data.map(x => <Hello>{x}</Hello>);
+```
 
+```jsx
 <Hello {...{ key: id, id, caption }} />
 ```
 
@@ -21,9 +25,13 @@ Examples of **correct** code for this rule:
 
 ```jsx
 [<Hello key="first" />, <Hello key="second" />, <Hello key="third" />];
+```
 
+```jsx
 data.map((x) => <Hello key={x.id}>{x}</Hello>);
+```
 
+```jsx
 <Hello key={id} {...{ id, caption }} />
 ```
 
@@ -43,7 +51,9 @@ Examples of **incorrect** code for this rule:
 
 ```jsx
 [<></>, <></>, <></>];
+```
 
+```jsx
 data.map(x => <>{x}</>);
 ```