Html 元素没有垂直对齐

我只是尝试将礼品图像垂直/水平居中放置在左侧奖金的中心。我正在使用正确的变换/转换方法。我将

position:relative

添加到其父div

有人知道为什么我的图像没有垂直居中吗

。总中心{
文本对齐：居中；
位置：绝对位置；
最高：50%；
左：50%；
-webkit转换：翻译（-50%，-50%）；
转换：翻译（-50%，-50%）；
宽度：100%；
}
#审查奖金{
宽度：99%；
边框：1px实心#CDCDCD；
背景：#F7F7F7；
保证金：30像素自动；
}
#回顾内部奖金{
填充：20px；
}
#剩下的奖金，
#奖金权{
显示：内联块；
}
#剩余奖金{
宽度：25%；
位置：相对位置；
}
#剩余奖金img{
宽度：60%；
高度：自动；
显示：块；
保证金：0自动；
}
#奖金权{
垂直对齐：顶部；
宽度：75%；
}
#奖金头衔，
#奖金说明，
#奖金对李{
颜色：303030；
线高：1.4em；
}
#奖金头衔{
字体系列：“源Sans-Pro”，无衬线；
字号：2rem；
文本对齐：居中；
边缘底部：15px；
}
#奖金说明{
字体系列：“Lato”，无衬线；
字号：1.2rem；
边缘底部：8px；
}
#奖金权{
列表样式类型：方形；
}
#奖金对李{
字体系列：“Lato”，无衬线；
字号：1rem；
利润率：0.5px12px；
颜色：#575757；
}

自由的
f jdkl fnjfn rweofnfnfndafndfn ddfdhfanjk herowf fhrgfndfndf wfefnanf hqaf hef fewh f hfewanf aWFH HWEEFNDNADS和jfdnf E

g.E.R.R.f.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N
fndj iofgh rionrn；nn oej rejbnvofn noe REVONFNOA；格万
它的长度为4t，长度为4t
htr htrh twh htrh thth twhtr hwht w
grtg regh htrw HTTHWHTH tr th twhw HHTTHWHTH w h

我已经编辑了您现有的代码片段。现在可以了。希望有帮助

。总中心{
文本对齐：居中！重要；
}
#审查奖金{
宽度：99%；
边框：1px实心#CDCDCD；
背景：#F7F7F7；
}
#剩余奖金{
//宽度：25%；//导致问题的行
}
#剩余奖金img{
宽度：60%；
高度：自动；
显示：块；
保证金：0自动；
}
#奖金权{
垂直对齐：顶部；
宽度：75%；
}
#奖金头衔，
#奖金说明，
#奖金对李{
颜色：303030；
线高：1.4em；
}
#奖金头衔{
字体系列：“源Sans-Pro”，无衬线；
字号：2rem；
文本对齐：居中；
边缘底部：15px；
}
#奖金说明{
字体系列：“Lato”，无衬线；
字号：1.2rem；
边缘底部：8px；
}
#奖金权{
列表样式类型：方形；
}
#奖金对李{
字体系列：“Lato”，无衬线；
字号：1rem；
利润率：0.5px12px；
颜色：#575757；
}

自由的
f jdkl fnjfn rweofnfnfndafndfn ddfdhfanjk herowf fhrgfndfndf wfefnanf hqaf hef fewh f hfewanf aWFH HWEEFNDNADS和jfdnf E

g.E.R.R.f.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N.N
fndj iofgh rionrn；nn oej rejbnvofn noe REVONFNOA；格万
它的长度为4t，长度为4t
htr htrh twh htrh thth twhtr hwht w
grtg regh htrw HTTHWHTH tr th twhw HHTTHWHTH w h