html列表项中的代码块间距

时间:2014-03-21 20:27:20

标签: html css html5

我将代码嵌入到有序列表中,作为一些队友的一组说明。但是,当我在列表项中嵌套代码块时,间距完全关闭。我的代码块中的代码从页面宽度的中间开始。以下是一些示例代码:

<html>
<head>Test</head>
<body>
    <ol>
    <li> This is a test list item.
        <pre>
        <code>
            def my_function(a):
                return a
        </code>
        </pre>
    </li>
    <li>Element 2
    </li>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

这是因为你缩进了标记中的代码,试试这个

<ol>
  <li> This is a test list item.
    <pre>
    <code>
 def my_function(a):
   return a
    </code>
    </pre>
  </li>
  <li>Element 2
  </li>
</ol>