今天我們來學習如何使用HTML代碼讓圖標左右排列。

<div>
<img src="icon1.png" alt="圖標1">
<img src="icon2.png" alt="圖標2">
</div>

上面的代碼是一個基本的HTML結構，我們先將兩個圖標放在一個div標簽中。

要實現圖標左右排列，我們需要為div元素設置一些樣式。

div{
display: flex;
align-items: center;
}

上面的代碼使用了CSS樣式語法，我們為div元素設置了一個flex布局，并且將垂直居中對齊。

這樣，我們就實現了兩個圖標的左右排列。如果要調整圖標之間的間距，可以使用CSS的margin屬性。

img{
margin-right: 10px;
}

上面的代碼表示為每個圖標的右側增加10像素的間距。

通過上面的步驟，我們可以用HTML和CSS代碼輕松地實現圖標左右排列。