求助，如何才能让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> &nbsp;&nbsp;<style> &nbsp;&nbsp;&nbsp;&nbsp;ul&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;list-style:&nbsp;none; &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;</style> &nbsp;&nbsp;<ul&nbsp;class='test'> &nbsp;&nbsp;&nbsp;&nbsp;<li&nbsp;class='word'&nbsp;data-repeat='1'>a</li> &nbsp;&nbsp;&nbsp;&nbsp;<li&nbsp;class='word'&nbsp;data-repeat='2'>b</li> &nbsp;&nbsp;&nbsp;&nbsp;<li&nbsp;class='word'&nbsp;data-repeat='3'>c</li> &nbsp;&nbsp;</ul></xmp>