fix example

Author: lebalz

website/_dogfooding/_pages tests/code-block-tests.mdx

@@ -188,18 +188,28 @@ Multi-line text inside `pre` will turn into one-liner, but it's okay (https://gi
   <br />
 </CodeBlock>
 
-### Code blocks with `ReactNode` in title
-
-<CodeBlock 
-  className="language-yaml"
-  title={<span className="badge badge--primary">YAML</span>}
->
-  link:{'\n'}
-  {'  '}title: front page{'\n'}
-  {'  '}path: /docs/{'\n'}
+## Code blocks with `ReactNode` in title
+
+<CodeBlock
+  language="yaml"
+  title={
+    <div
+      style={{
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+      }}>
+      <span>
+        <code>ReactNode</code> title
+      </span>{' '}
+      <span className="badge badge--primary">YAML</span>
+    </div>
+  }>
+  {`link:
+  title: front page
+  path: /docs/`}
 </CodeBlock>
 
-
 ## Code blocks with line numbering tests
 
 ```jsx