在Web页面设计中，经常需要用到横排的图片。那么该如何用CSS来实现呢？下面我们来介绍一下具体的方法。

.thumbnail{
display: inline-block; /*将元素设置为块级元素，并使其在同一行内排列*/
width: 200px; /*设置图片的宽度*/
height: 200px; /*设置图片的高度*/
margin-right: 20px; /*设置右边距*/
vertical-align: top; /*将图片向上对齐*/
}

以上代码中，我们首先为元素设置了display:inline-block属性，将其设置为块级元素，使其在同一行内排列。然后，我们分别设置了图片的宽度、高度和右边距，以便对图片进行排列。同时，我们还需要使用vertical-align属性，将图片向上对齐。

接下来，我们需要在HTML文件中将图片进行排列。这里我们以展示三张图片为例：

<div class="pictures">
<img src="picture1.jpg" class="thumbnail">
<img src="picture2.jpg" class="thumbnail">
<img src="picture3.jpg" class="thumbnail">
</div>

以上代码中，我们首先在一个名为pictures的div元素中展示了三张图片，并为这些图片使用了刚刚定义的.thumbnail类。

通过使用CSS中的display:inline-block、width、height、margin-right和vertical-align属性，我们就可以轻松地在Web页面中显示横排的图片了。