如何縮進<code>elements? Example in details</code> <code>elements? Example in details</code>

Question

對於上面的網站，我將如何縮進所有代碼。 我不希望它與段落和標題保持一致。 我希望它成為一個縮進級別。如果需要，可以檢查我的源代碼，並且CSS已嵌入html中。

另外，關於如何改進它的任何建議？

（注意：我不是在發布網站，而是在嘗試正確設置所有格式。

Answer 1

要縮進每個<code>塊，可以使用類似以下內容的<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 。 祝好運！