如何让4个盒子并排呢？

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

上面的代码中，我们定义了一个.box的样式，宽度设置为25%，高度设置为100px，边框为1px、实线和黑色。最重要的是，我们使用了display: inline-block属性，让盒子水平并排显示。

为了演示效果，我们在HTML中创建了4个盒子：

<p >Box 1</p><p >Box 2</p><p >Box 3</p><p >Box 4</p>

在浏览器中查看效果，我们可以看到4个盒子已经成功并排显示了。