CSS是一種用于設計和布局網頁的編程語言。在CSS中，我們可以使用各種樣式屬性來控制網頁中的字體、顏色、大小、位置、邊框和背景等元素。其中，文字居左和間距是CSS中常用的兩個屬性，下面將詳細介紹它們的用法和原理。

1. 文字居左

文字居左是指在網頁中，文本元素在相對于文檔流向左偏移的位置。可以使用CSS的“向左偏移”屬性來實現。例如，我們可以使用以下代碼將文本元素移動到頁面的左側：

```css

text-align: left;

transform: translateX(-50%);

其中，“transform”屬性用于將元素向左偏移50個像素。

2. 間距

間距是指在文本元素之間設置的距離，用于控制文本元素的排列順序。可以使用CSS的“絕對定位”和“距離”屬性來實現。例如，我們可以使用以下代碼創建一個水平間距：

```css

.box {

position: absolute;

top: 50px;

left: 200px;

width: 200px;

height: 50px;

background-color: blue;

padding: 20px;

其中，“left”屬性為間距值，“top”屬性為元素在水平方向上的偏移量。例如，如果我們將間距設置為20像素，則元素將向右偏移20像素。

綜上所述，文字居左和間距是CSS中用于控制文本元素位置和排列順序的重要屬性。通過使用這些屬性，我們可以創建出美觀、有序的網頁布局。