CSS3是用于創建交互式網頁和響應式布局的一門技術。在CSS3中，我們可以使用方向鍵(text-align)來控制文本在網頁中的排列方式。通過修改方向鍵的值，我們可以改變文本的方向和位置。

方向鍵分為三種：

1. text-align: center;

2. text-align: left;

3. text-align: right;

這些值用于控制文本在屏幕上的位置。具體來說，這些值將垂直居中、水平和居中文本。

下面是一些示例：

1. 垂直居中：

```css

text-align: center;

2. 水平居中：

```css

text-align: left;

3. 水平居中并垂直：

```css

text-align: left;

text-align-items: center;

height: 100px;

4. 垂直下拉列表：

```css

text-align: right;

list-style-type: none;

下面是一個包含垂直下拉列表的示例：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

<li>Item 5</li>

</ul>

通過使用CSS3，我們可以輕松地控制文本的方向和位置，從而實現各種樣式效果。