CSS是一門用于制作網頁樣式的語言，常常被用來控制文本、圖像、背景等元素的外觀。在CSS中，排列元素是一個非常常見的需求，可以通過各種方式達到不同的效果。

一般來說，排列元素需要使用CSS中的布局。CSS中有多種布局方式，如浮動布局、彈性布局、網格布局等。其中最基礎的方式是使用塊級元素和行級元素。

塊級元素常見的有div、p、h1-h6等標簽。它們會在頁面上形成一個獨立的塊，相互之間默認會有一定的間距。如果想要讓它們在同一行排列，我們可以使用CSS的float屬性來實現。具體代碼如下：

div {
float: left;
width: 50%;
}

上述代碼中，我們將div元素設置為浮動到左側，并占據父元素的50%寬度。這樣，如果我們在同一行創建兩個div元素，則它們會排列在同一行內。

相對于塊級元素，行級元素常見的有span、a、img等標簽。它們不會獨占一行，而是在同一行內排列。如果想要讓它們在此基礎上更精細地排列，我們可以使用CSS的display屬性。具體代碼如下：

span {
display: inline-block;
width: 50%;
}

上述代碼中，我們將span元素設置為行內塊級元素，這樣便可以讓它們具有一定的寬度，并在同一行內排列。如果在同一行內創建兩個span元素，則它們會均分父元素的寬度。

總之，CSS提供了多種方式來排列元素，可以根據需求來選擇合適的布局方式進行實現。