如何缩进 元素？详细示例

Question

http://htmlpocketreference.11​​0mb.com/taggroups.html

对于上面的网站，我该如何缩进所有代码。我不希望它与段落和标题对齐。我希望它是一级缩进。如果需要，您可以检查我的源代码，CSS 已经嵌入到 html 中。

另外，关于如何改进有什么建议吗？

（注意：我不会发布该网站，我只是练习正确设置所有格式。

Answer 1

要缩进每个 块，您可以使用类似以下内容：

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

仅缩进每个 块的第一行，

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。祝你好运！