CSS是前端開發中必不可少的技術，通過CSS，我們可以讓頁面的布局更加美觀和有序。有時候，我們需要讓元素不在同一行，這時候就需要用到CSS的一些屬性來實現。

首先，在HTML中，我們需要使用一些標簽來實現元素不在同一行的效果，比如div，span，p等。在CSS中，我們可以通過以下幾種方式來實現：

1. display:block;
2. display:inline-block;
3. float:left/right;
4. clear:both;

1. display:block;

display:block; 會將元素變成塊級元素，一般情況下，塊級元素會獨占一行，可以設置寬度、高度、邊距、內邊距等屬性。下面是一個例子：

<style>
.block {
display: block;
width: 100px;
height: 100px;
border: 1px solid #ccc;
}
</style>
<div class="block"></div>
<div class="block"></div>

2. display:inline-block;

display:inline-block; 可以將元素變成內聯塊級元素，這樣元素可以在一行內，但是可以設置寬度、高度、邊距、內邊距等屬性。下面是一個例子：

<style>
.inline {
display: inline-block;
width: 100px;
height: 100px;
border: 1px solid #ccc;
}
</style>
<div class="inline"></div>
<div class="inline"></div>

3. float:left/right;

float:left/right; 可以讓元素浮動到左邊或右邊，這樣元素可以在一行內，但是寬度不可以設置，寬度由內容決定。下面是一個例子：

<style>
.float {
float: left;
height: 100px;
border: 1px solid #ccc;
}
</style>
<div class="float">這里是左浮動的元素</div>
<div class="float">這里是左浮動的元素</div>
<div style="clear:both"></div>

注意：在使用float屬性時，需要加上clear:both;來清除浮動，否則會影響下方的布局。

通過以上方法，我們可以實現元素不在同一行的效果，具體使用方法根據需要選擇即可。