为什么html图像彼此紧挨着？

我想显示两个图像，但当我将图像大小更改为300px时，为什么即使使用显示属性内联块，它们也会紧靠在一起？想象不应该是一个在另一个之上吗？即使使用内联块属性，图像大小如何改变图像的位置

h1{
边际上限：0；
}
p{
填充底部：0；
}
身体{
保证金：0；
文本对齐：居中；
}
.top容器{}
.中间容器{}
.底部集装箱{}
.顶云{
宽度：300px；
显示：内联块；
}
.底云{
宽度：300px；
显示：内联块；
}
.山{
显示：内联块；
}

嗨，我是金
程序员

将左边的边距应用于mountain元素

.mountain {
  display: inline-block;
  margin:0 0 0 2em;
}

---

将左边的边距应用于mountain元素

.mountain {
  display: inline-block;
  margin:0 0 0 2em;
}

---

在您的代码示例中尽量少用空格，因为很难读取

display:block

会产生换行符<代码>显示：内联块没有。以下是使用显示选择器的说明，感谢所有建议！我看到了我的错误。在代码示例中尽量少用空格，因为很难阅读

display:block

生成换行符<代码>显示：内联块没有。以下是使用显示选择器的说明，感谢所有建议！我看到了我的错误。