css盒子从左向右 |css表格被内容撑开

/*CSS代码*/
.box {
display: inline-block;
width: 200px;
height: 200px;
background: #ccc;
margin: 0 10px;
}

为了实现盒子从左向右排列，大家需要在CSS中针对盒子做一些调整。首先，大家使用display属性将盒子设置为inline-block，这样它们就可以像文字一样从左向右排列。接下来，大家给每个盒子设置宽度和高度，并且添加背景颜色。最后，大家在每个盒子之间添加一些margin，这样它们就不会挤在一起了。

如果大家在HTML中写入以下代码：

<div class="container"><div class="box">