在CSS規則中，將字體居中是一個比較常見的需求。為了實現這個功能，我們需要用到“text-align:center”這個CSS屬性。
對于文章和段落，我們可以使用“p”標簽來實現將文本內容居中。在CSS中，只需要對“p”標簽應用“text-align:center”的CSS屬性，就可以將其內部的文本居中顯示。
比如：

p {
text-align: center;
}

對于代碼塊，我們通常使用“pre”標簽來呈現。在“pre”標簽中的文本內容是被保留格式的，因此需要使用額外的CSS屬性來實現字體居中。
比如：

pre {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

上述代碼中，我們使用“display:flex”將其內部內容設置為彈性布局，隨后使用“justify-content:center”和“align-items:center”將其內部內容水平和垂直居中。
通過上述方法，我們可以方便地實現CSS規則里面的字體居中效果，使得內容更加整潔和美觀。