在CSS中，盒子是指一個元素及其內容、內邊距和邊框組成的矩形區域。盒子在網頁排版過程中起著至關重要的作用，在盒子中的內容與位置是我們經常需要掌握的一個點。

.box {
width: 200px;
height: 200px;
border: 1px solid #333;
padding: 20px;
}

上述代碼定義了一個寬度為200px、高度為200px的盒子，其中有1px的實心邊框和20px的內邊距。接下來，我們來了解一下如何更改盒子中內容的位置。

text-align 屬性

text-align屬性控制當前盒子中文本內容的對齊方式。例如，我們可以使用以下代碼將文本居中對齊。

.box {
text-align: center;
}

vertical-align 屬性

在行內元素中，我們可以使用vertical-align屬性來控制元素中內容的垂直對齊方式。例如，在以下代碼中，圖像將與文本基線對齊。

.box img {
vertical-align: middle;
}

margin 屬性

使用margin屬性可以控制整個盒子在父元素中的位置。例如，以下代碼將盒子水平居中。

.box {
margin: 0 auto;
}

以上是一些常見的控制盒子中內容位置的屬性，需要根據具體情況靈活運用。最后，還要注意優雅降級和瀏覽器兼容性問題。