css中横向排列怎么写 |css的分号可以省略

.item {
display: inline-block;
float: left;
margin-right: 20px;
}

上述代码中，item 类所在的元素会被设置为内联块，这意味着它们会被横向排列，同时也会保留它们自身的样式（不会像 display: block 一样占据一整行）。使用 float: left 属性也可以使元素在横向方向上排列，同时也会使元素脱离文档流，需要注意清除浮动。

.item {
float: left;
margin-right: 20px;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}

上述代码中，item 元素会被设置为浮动，使用 clearfix 类来清除浮动。clearfix 类的 ::after 伪元素内容为空，后面利用 display: table; 和 clear: both; 来清除浮动，使得浮动元素的父元素可以正确的包含它们。