如何讓4個盒子并排呢？

.box {
width: 25%;
height: 100px;
border: 1px solid black;
display: inline-block;
}

上面的代碼中，我們定義了一個.box的樣式，寬度設置為25%，高度設置為100px，邊框為1px、實線和黑色。最重要的是，我們使用了display: inline-block屬性，讓盒子水平并排顯示。

為了演示效果，我們在HTML中創建了4個盒子：

<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box">Box 3</div>
<div class="box">Box 4</div>

在瀏覽器中查看效果，我們可以看到4個盒子已經成功并排顯示了。