CSS是一種用于控制網頁樣式的語言，可以讓網頁呈現出不同的排版和布局效果。在網頁設計中，如果需要讓文字居中顯示，同時又需要把代碼的格式保留下來，我們可以使用p標簽和pre標簽來實現。 首先，我們需要在HTML中加入

和

標簽，用于將文章和代碼分別包裹起來。p標簽是段落標簽，用于對文章進行排版，pre標簽是預格式化標簽，可以保留文本中的空格、制表符等格式。
例如，我們可以這樣編寫HTML代碼：
這是一篇使用CSS控制樣式的文章，并且希望讓文字居中顯示。
body {
text-align: center;
}
然后，我們需要使用CSS來控制這些標簽的樣式。對于
標簽，我們可以使用text-align屬性設置文字居中，代碼如下：
p {
text-align: center;
}
對于
標簽，我們需要使用white-space屬性來保留文本中的格式，同時設置字體和背景顏色，代碼如下：
pre {
white-space: pre-wrap;
font-family: monospace;
background-color: #f7f7f7;
}
這樣，就可以讓文章和代碼同時居中顯示，并保留代碼的格式。使用CSS可以為網頁加入更多的樣式和效果，讓網頁設計更加多彩和有趣。