Html 旁边有文本的图标

我正在尝试使用自定义图标（其中3个）将其放置在表格中自己的单元格中，旁边的单元格是随它们一起出现的文本。我希望文本靠近图像。当鼠标悬停在上方时，图像将略微放大，因为它也是一个超链接。我似乎无法获得代码来确保它在页面的中心对齐并且格式正确。当我将比例设置为“悬停放大”时，比例也不起作用

我已经尝试了多个代码，但似乎没有一个在sharepoint中工作

。演示问题，
.演示解决方案{
字号：1.5em；
}
身体{
填充：30px；
}
.外分区{
填充：30px；
}
.内分区{
保证金：0自动；
宽度：100%；
身高：100%；
}
.演示解决方案--flexbox{
显示器：flex；
对齐项目：居中；
}
img3{
宽度：25%；
高度：自动；
显示：块；
}
img3：悬停{
变换：尺度（3）；
}
a:悬停{
文字装饰：无；
颜色：黑色；
字体大小：粗体；
}

企业房地产与工作场所
img3是一个类，因此需要指定
.img3
而您刚刚完成了
img3
。
如果您将其更改为.img3比例，则可以正常工作


。演示问题，
.演示解决方案{
字号：1.5em；
}
身体{
填充：30px；
}
.外分区{
填充：30px；
}
.内分区{
保证金：0自动；
宽度：100%；
身高：100%；
}
.演示解决方案--flexbox{
显示器：flex；
对齐项目：居中；
}
.img3{
宽度：25%；
高度：自动；
显示：块；
}
.img3：悬停{
变换：尺度（3）；
}
a:悬停{
文字装饰：无；
颜色：黑色；
字体大小：粗体；
}

企业房地产与工作场所
如果您不知道：代码段具有内置自动格式化按钮：如果您不知道：代码段具有内置自动格式化按钮：