CSS是一種用于設計和定義網頁表現的語言。在CSS中，可以使用不同的選擇器來定位到不同的元素，進而去控制這些元素的外觀和行為。在這篇文章中，我們來學習如何設置兄弟元素橫向排列。

在HTML中，兄弟元素是指在同一層級下的幾個元素，它們沒有父子關系，但它們之間存在關聯。如果我們想要讓這些兄弟元素橫向排列，可以使用CSS中的“display”屬性。

/* 選擇所有兄弟元素 */
.siblings {
display: flex;
}
/* 指定具體兄弟元素 */
.sibling-1, .sibling-2 {
display: inline-block;
}

上述代碼中，我們使用了兩種方式來設置兄弟元素橫向排列。第一種方式是使用“display: flex”，這是CSS3的新特性，可以讓容器中的元素排列方式變為彈性布局。這種方式需要給容器元素加上“display: flex”，然后其子元素將會自動橫向排列。第二種方式是使用“display: inline-block”，這是指將元素設置為行級塊元素，可以讓它們在同一行內橫向排列。

另外，我們還可以使用“float”屬性來實現兄弟元素橫向排列。這個方式需要給所有兄弟元素加上“float: left”，或者“float: right”。但是需要注意的是，這種方式可能會對布局造成不良影響，因為浮動元素會脫離文檔流。

/* 使用float方式 */
.sibling {
float: left;
}

總之，這篇文章介紹了如何使用CSS設置兄弟元素橫向排列。我們可以使用“display”屬性、使用“float”屬性，或者使用其他的方式來實現這個功能。當我們需要在設計網頁時使多個元素在同一行排列時，這些方法將非常有用。