使用 CSS 將四張圖片橫排排列，可以參考下述步驟：

2. 在 CSS 中為每個圖片添加一個 ID 屬性，以便在樣式表中使用它們。

3. 使用 CSS 的偽元素 <ul> 和 <li> 來創建列表。為每個列表項添加一個 ID 屬性，以便在樣式表中使用它們。

4. 使用 CSS 的列表選擇器 (li { float: left; }) 來將每個列表項向左平移，以便在橫排中居中顯示。

5. 為列表項添加文本標簽 (<li>)，并使用 CSS 的字體屬性 (font-size: 16px) 來設置字體大小。

7. 最后，使用 CSS 的 float 屬性來使每個圖片在列表項中向左平移，并使用 display: inline-block 屬性來使圖片與文本標簽之間具有合適的間距。

下面是示例代碼：

HTML:

<ul id="list">

</ul>

#list {

list-style-type: none;

.item {

float: left;

font-size: 16px;

float: left;

display: inline-block;

示例結果：