css两张图片并列

在网站设计中，图片的使用非常重要。有时我们需要在同一行中并排显示两张图片，这时候 CSS 的使用就非常关键。

/* CSS 代码 */
img {
  display: inline-block;
  margin-right: 10px;
} 

如上所示的 CSS 代码，我们给图片添加了一个 display: inline-block; 的属性，这样图片就可以在同一行中并排显示了。同时，我们为第一张图片添加了右侧 margin，使两张图片之间留有一定的间隔。

下面是一个例子，演示了如何使用 CSS 来实现两张图片并排显示的效果：

 <div class="image-wrapper">
    <img src="image1.jpg" alt="Image 1">
    <img src="image2.jpg" alt="Image 2">
  </div>

/* CSS 代码 */
.image-wrapper img {
  display: inline-block;
  margin-right: 10px;
} 

通过以上的 CSS 代码，我们成功地实现了两张图片并排显示的效果。当然，还可以根据具体页面的需要，进一步调整样式和布局。