CSS中的元素是一种非常常见的HTML标签，它通常用于布局和排版。

在CSS中，我们可以使用display属性来控制元素的呈现方式。其中，display: inline-block或display: inline是比较常见的方式，可以让多个元素在同一行上横向排列。

.container {width: 100%;height: 200px;}.box {width: calc(33.33% - 10px);height: 100%;display: inline-block; /* 或 display: inline; */margin-right: 10px;background-color: #ccc;}.box:last-child {margin-right: 0;}

上面的代码展示了如何在CSS中实现元素的横向排列。我们首先定义一个容器元素，它的宽度为100%、高度为200px。接下来，我们在容器中添加三个元素，并通过计算宽度以及设置display属性让它们在同一行上横向排列。

需要注意的是，我们在每个元素的样式中添加了margin-right属性，并将其设置为10px。这是为了在每个元素之间保留一定的距离。同时，我们还需要在最后一个元素的样式中将margin-right属性设置为0，以避免出现多余的空白距离。

以上就是关于CSS中元素横向排列的介绍，希望能对你有所帮助！