Html 带图像和文本的六边形

我使用绘制六边形，我将svg添加到其中

我想在新行中添加图像和文本

我添加了这种样式

.hexagon>span{
显示：内联块；
转换：var（--hex转换）；
}

角形图标
厨房

.hexagon>span{
转换：var（--hex转换）；
显示器：flex；
调整内容：中心
}

角形图标
厨房

---

你能再解释一下吗。您想在哪里显示文本？我想在下面显示svg的文本。当我在svg之后添加span时，将其相邻显示您的span中不需要有

display:inline block

，因为它被

display:flex：）@irn，谢谢，但不要在新行中显示文本，它显示在svg中。现在检查@ar.gorgin
.blokedtext{position:absolute; bottom:-12px; z-index:100; color:#000; font-family:arial; font-size:0.8em;}