橫向對起CSS是一種排版技術，它可以讓多個元素在同一行中水平對齊。這種技術可以用于制作網格布局、導航欄等。

使用CSS實現橫向對齊有很多方法。其中比較常用的有：

display: inline-block;
float: left;
flexbox;

使用display: inline-block可以讓元素在同一行中水平對齊，并且可以設置寬度和高度。

.container {
font-size: 0;
}
.item {
display: inline-block;
width: 100px;
height: 100px;
background-color: #ccc;
margin-right: 10px;
}
.item:last-child {
margin-right: 0;
}

使用float: left也是實現橫向對齊的一種方法，它可以讓元素“浮動”到左側，并且可以設置寬度和高度。

.container {
overflow: hidden;
}
.item {
float: left;
width: 100px;
height: 100px;
background-color: #ccc;
margin-right: 10px;
}
.item:last-child {
margin-right: 0;
}

使用flexbox是一個比較新的技術，它可以讓元素在同一行中水平對齊，并且可以自動調整元素的寬度和高度。

.container {
display: flex;
}
.item {
width: 100px;
height: 100px;
background-color: #ccc;
margin-right: 10px;
}
.item:last-child {
margin-right: 0;
}

總之，無論使用哪種方法，橫向對起是一種常用的CSS排版技術。但需要注意的是，要考慮瀏覽器的兼容性，以及在使用flexbox時需要考慮到舊版的瀏覽器可能不支持這個屬性。