Code block spacing within an html list item

Question

I am nesting code in an ordered list as a set of instructions for some teammates. However, when I nest a code block within a list item, the spacing is totally off. The code in my code block starts halfway through width of the page. Here is some sample code:

<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>

Answer 1

It's because you're indenting the code in the markup, try this

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

Code block spacing within an html list item

Question

1 answers

solution1
1 2014-03-21 20:34:21

Code block spacing within an html list item

Question

1 answers

solution1 1 2014-03-21 20:34:21

solution1
1 2014-03-21 20:34:21