在HTML5中，我們可以使用盒子模型來控制元素的布局和排版。盒子模型由四個部分組成：內容區域、內邊距區域、邊框區域和外邊距區域。通過設置這些區域的大小和樣式，我們可以控制盒子的大小、形狀和位置。

.box {
width: 200px;  // 設置盒子的寬度為200像素
height: 150px;  // 設置盒子的高度為150像素
padding: 20px;  // 設置盒子的內邊距為20像素
border: 2px solid #ccc;  // 設置盒子的邊框為2像素寬的灰色實線邊框
margin: 10px;  // 設置盒子的外邊距為10像素
}

上述代碼中，我們定義了一個名為.box的類，用于設置盒子的樣式。其中，width和height屬性分別用于設置盒子的寬度和高度；padding屬性用于設置盒子的內邊距，是內容區域和邊框之間的距離；border屬性用于設置盒子的邊框樣式和寬度；margin屬性用于設置盒子的外邊距，是盒子與其他元素之間的距離。

需要注意的是，這些屬性的值可以使用絕對單位（如像素、厘米等），也可以使用相對單位（如百分比、em等）。如果設置了盒子的大小，但內容區域的大小超過了盒子的大小，那么內容區域就會溢出盒子，造成布局混亂。因此，需要根據實際情況來調整盒子的大小和內外邊距的大小，以達到最佳效果。