HTML網頁中，我們可以通過CSS樣式來控制元素的外觀。在CSS中，我們可以使用如下屬性控制元素的橫向排列： 1. float float屬性將元素向左或向右浮動，使得其他元素可以占據空間。例如，我們可以使用如下代碼將兩個div元素分別向左和向右浮動：

.left{
float:left;
width:50%;
}
.right{
float:right;
width:50%;
}

這個代碼塊將兩個50%寬度的div元素分別向左和向右浮動。注意，必須設置元素的寬度，否則元素將無法浮動。 2. display: inline-block 使用display: inline-block，可以使得元素像行內元素一樣排列，但是又可以設置元素的寬度和高度等盒子模型屬性。

.left{
display: inline-block;
width:50%;
}
.right{
display: inline-block;
width:50%;
}

這個代碼塊使用inline-block將兩個50%寬度的div元素排列在同一行。但是注意，在兩個元素之間留空格或者換行符，可能會導致元素之間產生間隔。 3. flexbox布局 flexbox布局是CSS3新引入的一種布局方式，主要用于處理容器中多個子元素的排列。我們可以使用flex布局來指定子元素的排列方式。

.container{
display: flex;
justify-content: space-between;
}

這個代碼塊使用了flex布局，將容器中的子元素按照space-between來排列。space-between表示子元素之間的間隔將會均分到容器中，使得子元素之間的間隔相等。其他的flex屬性還有align-items、flex-grow等，可以根據需要進行設置。 總之，以上三種方法都可以幫助我們控制元素的橫向排列。具體使用哪種方法，可以根據具體情況進行選擇。