html - 为什么图像是垂直显示而不是水平显示

Question

为什么图片是竖着显示的？我在 span 内的 figure 内有两张图片，而不是 div，但它们显示在另一个下，如果有足够的空间，我希望它们并排显示。

.largeartwork img {
  max-width: 300px;
  max-height: 300px;
  min-width: 300px;
  min-height: 300px;
  border: 5px solid red;
  display: inline-block;
}

<span class="largeartwork">
        <figure>
            <img src="images/RhptaKqkpmMJ6w-Y7iJHqg==.jpg">
            <figcaption>
                Current Image
            </figcaption>
        </figure>
        <figure>
            <img src="images/7xZ_CPneKuf6IRuYp4omnQ==.jpg">
            <figcaption>
                Current Image
            </figcaption>
        </figure>
    </span>

Answer 1

使用显示: flex

.largeartwork{
    display: flex;
}