Html 将具有多个样式的图元重叠放置

我需要帮助放置我的物品。我才刚开始，所以我需要解释。什么对你来说是显而易见的，对我来说不一定如此：）我有一个头球，我想改进。 我想右边的两个图像被叠加，即“保留”按钮在图像上方。 另一方面，我想把中间的图像居中。 我知道样式重叠，我通过chrome控制台尝试的更改无效。我不能强加我想要的风格，也不一定能找到阻碍我的风格。 如果你能给我一些建议那就太好了。多谢各位

链接是：

标题

洛吉斯博里黑佩里戈德酒店
电话+33（053289760

如果我将transform:translateX（计算（100%+10px））添加到“reservez”按钮，它会给出：

---

我想使用包含图片和链接的div，正如你在我的代码中看到的那样，并将display:block放在上面，但将一个放在另一个上面是不起作用的……图片包含在一个链接中，因此如果我只更改img的样式，图片将停留在他的位置。

你可以使用css翻译图片

img{
  transform: translateX(calc(100% + 10px))
}

例如，代码将图像向右移动100%+10px

或者尝试将两个图像放在同一个标记中，然后添加到顶部的reservez按钮：

bottom:0
z-index:1

---

这将把它放在底部和前面

对不起，我应该更好地解释，这里有一个我所说的例子

洛吉斯博里黑佩里戈德酒店
电话+33（053289760

Hi Onysius！分享代码会很有帮助，这样每个人都能帮助你。好吧，很抱歉，我没有这样做，因为我认为拥有链接会对帮助者更有帮助。感谢你的建议。感谢你花时间回答和帮助我！当我在“reservez”中添加“transform:translateX（calc（100%+10px））”时按钮按钮就在底部“logis”图像的上方。我正在编辑我的帖子，以便您可以看到：）很简单，只需添加顶部：0而不是底部：0即可尝试使用值并根据需要进行调整。很抱歉，我的英语很好，我的解释是空的！！！我的解释错了…我本来希望图像上方的按钮，但在向上/向下方向上没有重叠，我不知道如何用英语解释，因此我被拒绝了我的解释错了。。

bottom:0
z-index:1