在HTML中，我們可以使用以下兩種方式將圖片橫著排列。 第一種方式是使用CSS屬性display: inline-block。代碼如下：

<div>
<img src="image1.jpg" alt="image1" style="display: inline-block;">
<img src="image2.jpg" alt="image2" style="display: inline-block;">
<img src="image3.jpg" alt="image3" style="display: inline-block;">  
</div>

這個例子中，我們在一個div塊中放置了三張圖片。在每個圖片的style屬性中，我們添加了"display: inline-block;"的CSS屬性。這個屬性讓每個img元素變成了塊級元素，并且可以橫向排列。 第二種方式是使用CSS屬性float: left。代碼如下：

<div>
<img src="image1.jpg" alt="image1" style="float: left;">
<img src="image2.jpg" alt="image2" style="float: left;">
<img src="image3.jpg" alt="image3" style="float: left;">  
</div>

這里我們使用了CSS屬性float: left。這個屬性也可以將元素橫向排列。在這個例子中，我們使用了三張圖片，每個圖片都向左浮動。 無論是哪一種方式，我們都可以在HTML中使用CSS屬性輕松達到圖片橫排的效果。