（HTML）如何在不缩小尺寸的情况下并排插入两个图像？

例如，我有两个长（宽度方向）的图像横幅，我想放在我的shopify网站的HTML框中，但在找到了所有答案和代码之后，我不知道如何保持它们原来的大小，而不垂直地彼此重叠。如果可能的话，我希望他们能到达网页的每一面。我也希望他们是可点击的链接

我想要的是：

|网站侧| img | 5px填充| img |网站侧|

尝试各种方法调整大小百分比后的外观（我认为边界框对此没有帮助）：

|网站端| | img | |网站端| |网站端| | img | |网站端|

我想做的示例如下：

我对HTML不是很了解。我不确定是否需要设置某种CSS来实现这一点。如果我这样做了，我不知道怎么做，因为shopify网站创建中的框只接受HTML代码。我不知道我是否需要创建一个代码片段或其他东西，以及它会去哪里

---

如果有人能帮助我，我将不胜感激。

如果它们的宽度和高度与您的示例中相同，您的html将如下所示：

<img src="[source]" width="49%" style="display:inline;">
<div style="display:inline;width:5px;"></div>
<img src="[source]" width="49%" style="display:inline;">

---

也许这不是做宽度的最好方法，但它很有效。

这个问题有很多重复的地方，请帮我找到正确的答案，因为我一生中都无法在谷歌上找到它。我在多个网站上浏览过，我就是不知道怎么做。我尝试过人们提供的各种代码，但它们都不起作用！：（刚刚做了，看看这个副本的答案，谢谢你的链接！但是对于一个只知道在网页中插入图片的人来说，这个答案对我来说毫无意义。我希望有人能提供一些我可以使用的东西或答案的解释…看到这个谢谢。但这仍然没有意义“无法解决网页侧面的填充问题。如果不修改我的无限主题中的某些文件，图像似乎就不会向左/向右移动。我希望会有某种html来解决这一问题，因为我希望图像的大小为其大小的100%，但不垂直堆叠。您可以尝试浮动：左为开。”e和float：另一个为右，并将正文边距设置为0。如果两个图像大于页面的宽度，则除了调整它们的大小外，无法将它们保持在同一行上。