CSS（層疊樣式表）是一種用于控制網頁外觀和布局的標記語言。其中一項常用的功能是橫行排列展示，下面將介紹如何使用CSS實現此效果。

首先，HTML部分需要使用一個包含所有橫行元素的容器，并給該容器一個ID或class，以便在CSS中引用。接下來，每個橫行元素都需要一個類，以便在CSS中單獨設置樣式。

<div id="row-container">
<div class="row-element">Element 1</div>
<div class="row-element">Element 2</div> 
<div class="row-element">Element 3</div>
</div>

接下來，CSS部分需要使用display屬性將容器中的元素橫向排列展示。使用flex布局可以實現此效果。將容器的display屬性設置為flex，并設置flex-direction為row即可。

#row-container {
display: flex;
flex-direction: row;
}
.row-element {
/*樣式設置*/
}

如果容器中的元素太多而無法放置在一行，則可以使用flex-wrap屬性設置元素的折行方式。默認值是nowrap，表示不折行，nowap表示折行。

#row-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.row-element {
/*樣式設置*/
}

如果希望在每個元素之間增加間距，則可以使用justify-content屬性設置元素的水平對齊方式。默認值是flex-start，即左對齊，center為居中，flex-end為右對齊，space-between為兩端對齊，space-around為各個元素之間平均分配間距。

#row-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between; /*各元素之間平均分配間距*/
}
.row-element {
/*樣式設置*/
}

以上是實現CSS橫行排列展示的基本方法，通過調整樣式可以創造出多種不同的效果。