標題：使用 CSS 將子元素橫向排列

在 Web 開發中，我們經常需要將一些子元素橫向排列，以實現特定的布局效果。使用 CSS 我們可以輕松地實現這種效果，下面我們將介紹如何使用 CSS 將子元素橫向排列。

首先，我們需要了解如何將子元素添加到 HTML 文件中。我們可以使用 `ul` 或 `ol` 標簽來創建子列表，然后將它們作為子元素添加到 HTML 中。例如：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

在這個例子中，我們使用了 `ul` 標簽來創建子列表，并將每個子元素添加到列表中。

接下來，我們需要使用 CSS 來將子元素橫向排列。我們可以使用 `margin-left` 屬性來設置子元素的左margin，然后使用 `transform` 屬性來將子元素旋轉到橫向方向。例如：

```css

list-style-type: none;

margin-left: 20px;

li:nth-child(2) {

transform: rotate(-45deg);

在這個例子中，我們使用了 `ul` 標簽來創建子列表，并將每個子元素添加到列表中。我們使用了 `margin-left` 屬性來設置子元素的左margin，然后使用了 `transform` 屬性來將子元素旋轉到橫向方向，并將旋轉角度設置為 -45deg。

通過使用 CSS 我們可以輕松地將子元素橫向排列，從而實現特定的布局效果。希望這可以幫助您開始編寫具有良好布局的 Web 應用程序。