CSS中，居中是一個常見的問題。很多時候我們會遇到這個問題：明明設置了元素居中，但是它卻不居中。

.box {
width: 300px;
height: 200px;
background-color: #ccc;
text-align: center;
line-height: 200px;
}

上面的代碼是一個盒子元素，我們設置了它的文本居中。但是實際運行時，卻會發現文本并沒有居中。這是因為我們沒有考慮到盒子本身的寬度和高度的問題。

要解決這個問題，我們需要在CSS中設置盒子元素的margin和padding屬性。例如：

.box {
width: 300px;
height: 200px;
background-color: #ccc;
padding: 40px;
margin: 0 auto;
text-align: center;
line-height: 120px;
}

在上面的代碼中，我們設置了盒子元素的padding為40px，這樣就可以讓文本居中。同時，我們還設置了margin為0 auto，這意味著盒子元素左右margin為0（即不設置），上下margin為自動，這樣就可以讓盒子元素在水平方向上居中。

還有一些其它的方法可以讓元素居中，例如使用絕對定位和相對定位等等。但是以上方法是最簡單和最實用的，值得我們掌握。