diff --git a/package.json b/package.json
index 580e923..5ed4dcd 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kne/markdown-components-render",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "渲染markdown文本，支持components.",
   "syntax": {
     "esmodules": true
diff --git a/src/markdown-it-components.js b/src/markdown-it-components.js
index a366734..891a7dc 100644
--- a/src/markdown-it-components.js
+++ b/src/markdown-it-components.js
@@ -28,7 +28,7 @@ const mdComponents = function (md) {
       try {
         const jsonData = yaml.load(token.content);
         if (validate(jsonData)) {
-          const element = document.createElement('pre');
+          const element = document.createElement('span');
           element.setAttribute('class', 'yaml-components');
           element.dataset.components = JSON.stringify(jsonData);
           return element.outerHTML;