Html 用文本将图像居中于按钮中

在尝试了包括填充、边距和垂直对齐在内的各种技术之后，我没有运气尝试将图像与文本放在中间。真实的图像本身并不重要；它们都一样大

div#触点按钮ul{
填充顶部：30px；
填充底部：30px；
溢出：隐藏；
字体大小：0px；
文本对齐：居中；
}
分区#联络按钮ul li{
显示：内联；
右边距：90像素；
左边距：90像素；
}
分区#联络按钮ul li a{
颜色：白色；
文字装饰：无；
字体系列：Lane；
字体大小：30px；
字号：100；
填充物：5em 1em；
背景色：#0B485C；
边框样式：实心；
边界半径：135px；
边框颜色：黑色；
显示：内联块；
}
img.contactlogo{
高度：30px；
宽度：30px；
填充：0；
}

只需添加一个

垂直对齐：中间到您的
标记：


div#触点按钮ul{
填充顶部：30px；
填充底部：30px；
溢出：隐藏；
字体大小：0px；
文本对齐：居中；
}
分区#联络按钮ul li{
显示：内联；
右边距：90像素；
左边距：90像素；
}
分区#联络按钮ul li a{
颜色：白色；
文字装饰：无；
字体系列：Lane；
字体大小：30px；
字号：100；
填充物：5em 1em；
背景色：#0B485C；
边框样式：实心；
边界半径：135px；
边框颜色：黑色；
显示：内联块；
}
img.contactlogo{
高度：30px；
宽度：30px；
填充：0；
垂直对齐：中间对齐；
}