在 CSS 中，按照默认的布局方式，块状元素会独占一行，也就是说它们无法与其他元素同行显示。

但是，如果我们希望实现多个块状元素同行显示，有以下两种方法：

1. 使用浮动属性
在 CSS 中，使用 float 属性可以让元素浮动到指定位置。当我们将多个块状元素设置为浮动之后，它们就可以同行显示。
例如，以下代码将两个 div 元素设置为向左浮动，实现了同行显示：
<style>
.box {
float: left;
width: 100px;
height: 100px;
background-color: red;
margin-right: 10px;
}
</style>
<div class="box"></div>
<div class="box"></div>

2. 设置 display 属性为 inline-block
在 CSS 中，除了默认的 block 属性，还有 inline、inline-block 等多种 display 属性可以使用。当我们将块状元素设置为 inline-block 时，它们就可以像行内元素一样同行显示，但仍然保留块状元素的特性，例如可以设置宽高、内边距等。
例如，以下代码将两个 div 元素设置为 inline-block，实现了同行显示：
<style>
.box {
display: inline-block;
width: 100px;
height: 100px;
background-color: red;
margin-right: 10px;
}
</style>
<div class="box"></div>
<div class="box"></div>

总之，无论是使用浮动还是 inline-block 属性，都可以实现多个块状元素同行显示。但是需要注意的是，使用浮动可能会对页面布局、内容流动产生影响，因此在实际应用中要慎重使用。