如何中心對齊HTML中的前置標籤

Question

我正嘗試使用預置標籤在博客上發佈一些代碼。事情是這樣的：

void function(){return 0;}

現在我想所有這些代碼是中心對齊。我不是在談論文本，而是在談論周圍的邊界。寬度目前設置爲60％。所以我希望所有這些都是中心對齊。有沒有辦法做到這一點？

Answer 1

添加自定義CSS <div>將字體設置爲courier（10pt）並將左右邊距設置爲使其居中在頁面上的類。

.code { 
    font-family:courier; 
    font-size: 10pt; 
    margin: 5px; border: 1px solid black; 
} 

然後調用它，如下所示：

<div class="code">Your Code Here</div> 

神奇發生在margin部分。你可以設置所有4個屬性，但是如果你只設置了一個，那麼它就是makes it a margin of that size all the way around。