有两个盒子里面放的是图片 现在我需要将这两个盒子水平排列 你能帮我写一份代码吗

好的，以下是一个示例代码，你可以根据自己的需要进行修改：

HTML代码：

<div class="container">
  <div class="box">
    <img src="image1.jpg" alt="Image 1">
  </div>
  <div class="box">
    <img src="image2.jpg" alt="Image 2">
  </div>
</div>

CSS代码：

.container {
  display: flex;
  justify-content: space-between;
}

.box {
  flex: 1;
  margin-right: 10px;
}

.box:last-child {
  margin-right: 0;
}

以上代码将两个盒子水平排列，其中 `.container` 为容器，使用了 Flex 布局，并设置了 `justify-content: space-between;` 属性，使两个盒子之间间隔相等。`.box` 为每个盒子的样式，使用了 Flex 属性 `flex: 1;`，使两个盒子宽度相等，并设置了 `margin-right: 10px;` 属性，使两个盒子之间有 10px 的间隔，同时使用了 `:last-child` 伪类选择器，将最后一个盒子的右边距设置为 0。