我正在制作一个教程网站。介绍了一些HTML，CSS和JS，然后在一个框中显示了其结果-基本上是Codepen的工作。我一直只是在演示目录中存储一个单独的文档，然后在教程页面上使用iframe。有什么办法可以内联吗？像这样：
<style>
p{color: red;}
</style>
<demo>
<p>text</p>
</demo>
，使段落以内联方式呈现，而忽略颜色：父页面CSS中指定的红色。编辑单独的文件并使用iframe只是繁琐的工作，我想Codepen会更方便一些，但嵌入起来又是一件额外的事情。我将不胜感激。