在CSS中，想要讓文章和段落居中，我們可以使用p標簽來表示段落，并定義居中屬性。
假設我們有一段HTML代碼如下：
``````
我們可以通過CSS來讓這兩個段落居中。
首先，在CSS中定義.container類的樣式：
```
.container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
```
這里我們使用了flex布局。justify-content: center以及align-items: center都是讓內容水平和垂直居中，而flex-direction: column則是定義了垂直布局。
接下來，我們需要為p標簽定義樣式，讓它們以塊狀元素的方式呈現，并將文本居中。
```
p {
display: block;
margin: 0 auto;
text-align: center;
}
```
這里我們使用了display: block來讓p標簽以塊狀元素呈現，而margin: 0 auto則是讓p標簽水平居中。text-align: center則是讓文本在p標簽中居中。
最后，如果我們想要在文章中插入代碼塊，可以使用pre標簽來表示。
例如：
```
這是一段示例段落。
這是另外一段示例段落。
function helloWorld() {
console.log("Hello, World!");
}