水平线显示的HTML元素

Question

我在一个 div 中有两个 HTML 元素。我想将它们显示在一行或一条水平线上。假设我有两张图片，代码如下所示。我该怎么做才能使第一个元素之后没有换行符，因此它们将一个接一个地水平显示。现在第二张图片显示在第一张图片下方。我希望第二张图片显示在第一张图片的右侧。我很确定这可以在 CSS 中完成。请帮忙。

<img src="image one.jpg">
<img src="image two.jpg">

Answer 1

选项 1

img {
 display:inline;
}

选项 2

img {
 display:block;
 float:left;
}

已更新以反射(reflect)当前的浏览器功能

选项 3

img {
 display:inline-block;
}

但是，只有当相关图像有足够的水平空间时，这才有效。