CSS橫向排列樣式是一種用于將元素排列成橫向布局的方法，可以通過使用CSS的`flex`屬性和`align-items`屬性來實(shí)現(xiàn)。這種方法可以讓元素在橫向方向上水平排列，同時(shí)保持其垂直布局。

下面是一個(gè)使用CSS橫向排列樣式的例子：

```html

<div class="container">

<h1>Hello, World!</h1>

<p>This is a paragraph.</p>

<a href="#">Click me</a>

</div>

在這個(gè)例子中，我們使用了一個(gè)名為`container`的類名，它定義了一個(gè)容器元素。我們使用`h1`、`p`和`a`元素作為容器元素中的子元素。我們將`h1`元素設(shè)置為`position: relative`，以便將其放在容器元素的頂部。我們將`p`和`a`元素設(shè)置為`position: absolute`，以便將它們放在容器元素的底部。我們還為`a`元素設(shè)置了`click`事件，以便當(dāng)用戶點(diǎn)擊它時(shí)觸發(fā)一個(gè)事件。

接下來，我們使用`flex`屬性將`container`元素轉(zhuǎn)換為一個(gè)多行容器。我們使用`align-items`屬性將`h1`、`p`和`a`元素對齊到橫向第一行。這個(gè)例子中的`align-items`屬性默認(rèn)值為`flex-start`，因此`h1`和`p`元素將被放置在左側(cè)第一行，而`a`元素將被放置在右側(cè)第一行。

現(xiàn)在，我們已經(jīng)將元素排列成了橫向布局。但是，我們想要將文本居中，而不是放在容器元素的頂部。我們可以使用CSS中的`text-align`屬性來實(shí)現(xiàn)這一點(diǎn)。我們將`h1`元素設(shè)置為`text-align: center`，它將文本居中。同樣，我們將`p`和`a`元素設(shè)置為`text-align: center`，以使他們居中。

這只是CSS橫向排列樣式的一個(gè)簡單例子。在實(shí)際中，我們可以使用更復(fù)雜的樣式，如陰影、漸變和其他效果，以創(chuàng)造更漂亮和具有吸引力的頁面。