Html 将浮动元素转换为中心元素

我不确定如何将图像居中，然后将链接浮动到图像的右侧，并保持图像的真实中心位置。下图是我正在尝试的一个模型

我希望有一个简单的方法来实现这一点，只使用css

您可以使用将图像设置为水平中心，并在包装上设置

边距：0 auto

，将绝对位置的文本设置为该中心包装

div

：

.wrapper{
保证金：0自动；
宽度：150px；
位置：相对位置；
}
.包装纸{
位置：绝对位置；
右：-100px；
最高：50%；
转化：translateY（-50%）；
}

---

这里有一种方法

将

position:relative

应用于图像和链接。将图像的左边距设置为50%

使用“左偏移”将图像和链接移动到图像宽度的一半（假设图像具有固定/非响应宽度）

使用链接上的左边距控制图像和链接之间的空白

.wrap{
边框：1px灰色虚线；
}
img{
左边距：50%；
位置：相对位置；
左：-50px；
垂直对齐：中间对齐；
}
a{
位置：相对位置；
左：-50px；
左边距：10px；
}

没有图像。这里有一个指向示例图像的链接。不要使用浮点，使用display:inline块或display:table单元格，使用results@JonVanDenEeden我很高兴能帮上忙。我希望能投赞成票/接受：）