CSS是網頁設計中必不可少的一項技術，可以用來控制網頁中的各種元素的樣式。其中，同行排列是一種常用的布局方式。

/*同行排列*/
.box{
display: flex;   /*將.box設置為flex布局*/
justify-content: space-around;  /*設置主軸上的對齊方式為左右間隔*/
align-items: center;  /*設置交叉軸上的對齊方式為居中*/
}
.box .item{
flex: 1;   /*將.item設置為彈性伸縮項，占滿剩余空間*/
text-align: center;  /*設置文本居中*/
}

以上為使用CSS實現同行排列的基本代碼。其中，通過將父元素設置為Flex布局，使得子元素可以按照一定的比例排列。justify-content屬性可以設置主軸上的排列方式，常用的有flex-start（左對齊）、center（居中對齊）和flex-end（右對齊）；align-items屬性可以設置交叉軸上的對齊方式，常用的有center（居中對齊）、flex-start（頂部對齊）和flex-end（底部對齊）。

通過以上代碼，可以實現同行排列的效果，使得相鄰的元素之間保持一定的距離，將頁面設計得更為美觀和整潔。