CSS3豎向排列是一種在HTML文檔中實現垂直文本排列的技術，可以通過使用CSS3的「行內樣式」和「垂直布局」屬性來實現。

在豎向排列中，文本會被垂直居中，然后按照行距進行水平排列。這種方法可以讓文本在水平方向上保持垂直排列，同時也可以在垂直方向上保持水平排列。

以下是一個簡單的豎向排列示例：

```html

<div class="container">

<h1>Hello, World!</h1>

<p>This is a paragraph with a豎向排列.</p>

</div>

在這個示例中，`class="container"` 定義了一個容器元素，`h1` 和 `p` 定義了要垂直居中的文本和段落元素。

CSS3的行內樣式屬性可以用于對文本的行進行設置，例如：

```css

.container h1 {

display: block;

text-align: center;

margin-bottom: 20px;

這個樣式將對 `h1` 元素中的文本進行垂直居中，并設置其bottommargin為20px。

另一個有用的行內樣式屬性是 `text-align`，它用于設置文本的對齊方式。使用 `text-align: center` 可以將文本垂直居中。

使用垂直布局屬性可以設置文本的垂直位置。這個屬性的值可以是 `top`、`bottom`、`left` 和 `right`，其中 `top`、`bottom` 和 `left` 屬性用于設置文本的垂直位置，而 `right` 屬性用于設置文本的垂直位置。例如：

```css

.container h1 {

display: block;

text-align: center;

margin-bottom: 20px;

.container h1:nth-child(2) {

right: 20px;

這個樣式將對第二個 `h1` 元素中的文本進行垂直居中，并設置其right屬性為20px。

CSS3豎向排列提供了一種簡單、直觀的方法來讓文本垂直排列，可以應用于各種情況，包括頁面布局、表單布局等。