如何缩进<code> elements? Example in details</code>

Question

http://htmlpocketreference.110mb.com/taggroups.html

对于上面的网站，我如何缩进所有代码。我不希望它与段落和标题一致。我希望它是一个缩进级别。你可以检查我的源代码，如果你想要，并且CSS已经嵌入在html中。

另外，有关如何改进它的任何建议？

（注意：我不是在发布网站，我只是在练习正确的格式化。

Answer 1

要缩进每个<code>块，您可以使用以下内容：

code{
     display: block;
     margin: 0 40px;
}

仅缩进每个<code>块的第一行，

code{
     text-indent: 40px;
}

40px只是一个建议;您可以调整缩进宽度以满足您的视觉需求。

Answer 2

你尝试过这样的事吗？

code {
position: relative;
left: 20px;
}

Answer 3

前两个答案让方法得到了实践：

code
{
  display: block;
  margin-left: 40px;
  font-family: monospace; /* I would add this too, as it makes the code more readable. */
}

此外，当您显示代码（我希望）时，请尝试SHJS。祝你好运！