求助，如何才能让css代码以纯文本的方式展现在html页面内

Question

我有一段代码如下<style>     ul {        list-style: none;     }</style><ul class='test'>     <li class='word' data-repeat='1'>a</li>     <li class='word' data-repeat='2'>b</li>     <li class='word' data-repeat='3'>c</li></ul>我希望上面的代码能以文本的形式放到页面上，把这段代码放到html页面的时候，就好比把上面的代码放到了txt文件内，请问如何才能实现？用pre标签效果如下

Answer 1

<xmp>
  <style>
    ul {      list-style: none;
    }  </style>
  <ul class='test'>
    <li class='word' data-repeat='1'>a</li>
    <li class='word' data-repeat='2'>b</li>
    <li class='word' data-repeat='3'>c</li>
  </ul></xmp>