Html 将h2标记的文本垂直居中与背景对齐

我有一个h2标签，有一个背景图像作为图标。我想在h2标记内垂直对齐文本，但它不起作用。我尝试过使用

显示：表格单元格但这也不起作用。文本也可以交叉到两行上

HTML:

jsIDLE示例：
在
.SpeechBg
、
.PinBg
和
.ViewBg
中，添加
行高：#px，其中##是背景图像的高度（px）
 在
.SpeechBg
、
.PinBg
和
.ViewBg
中，添加
行高：#px，其中##是背景图像的高度（px）
 改变你的想法

.功能行h2，添加行高

css如下所示

.FeatureRow h2{
background-repeat: no-repeat;
padding-left: 65px;
font-size: 22px;
height: auto;
min-height: 60px;
color: #3F92ED;
line-height:2.5em;
}

换衣服

.功能行h2，添加行高

css如下所示

.FeatureRow h2{
background-repeat: no-repeat;
padding-left: 65px;
font-size: 22px;
height: auto;
min-height: 60px;
color: #3F92ED;
line-height:2.5em;
}

第三个框中的文本分为两行，这不合适，还有其他想法吗？减小字体大小一点可能是21px第三个框中的文本分为两行，这不合适，还有其他想法吗？减小字体大小一点可能是21px在
元素上使用
左填充：65px
。请参见：在
元素上使用
左填充：65px
。看到这个：哦，对不起，误读了HTML。我想你只是希望主标题（h2部分）垂直居中，而不是元素。哦，对不起，误读了HTML。我想您只是希望主标题（h2部分）垂直居中，而不是元素。
.FeatureRow h2{
background-repeat: no-repeat;
padding-left: 65px;
font-size: 22px;
height: auto;
min-height: 60px;
color: #3F92ED;
line-height:2.5em;
}