我希望.bannerinner类中的元素正好位于.banner类的中间对齐位置，但实际上并不是这样的。我愿意接受任何建议，任何帮助都将不胜感激，从现在开始感谢。
我有这个。旗帜阶级的“绝对”对我的“相对”背景

.banner {
   background-color: rgba(209, 29, 155, 0.212);
   padding: 8px 15px;
   overflow: hidden;
   height: 10vh;
   width: 150vh;
   max-height: 10vh;
   min-height: 10vh;
   position: absolute;
   bottom: 9vh;
}

在这个.banner类中还有一个.bannerinner类

.bannerinner {
   padding: 0;
   margin: 0;
   left: 2vh;
   position: absolute;
   bottom: 50%;
   vertical-align: middle;
}