Html 垂直对齐：在div中忽略中间属性

我有一些包含数字（大字体）和标签（小字体）的div。 我试图得到的结果如下：

但是，数字和标签之间仍然有很大的距离：

。。。这似乎来自于文本在父div：

的中间没有垂直对齐的事实。

。。。虽然在这个类的CSS中，我说要在中间对齐它：

.boxText {
  text-align: center;
  vertical-align: middle;
}

---

我没什么主意了，谁能帮我把数字和标签贴得更近些吗？你可以在我重现问题的地方玩

框文本的高度取决于其参数

.summary {
  height: 75px;
}

.summaryBoxes {
  height: 55px;
}

这是您应该更改的元素，以便可以更改其子对象的外观

。左栏{
浮动：左；
右边距：5px；
左边距：10px；
宽度：33%；
}
.第页{
保证金：1.2rem；
}
.摘要{
边框：1px纯色灰色；
利润上限：1.2rem；
边缘底部：1.2rem；
宽度：80%；
空白：nowrap；
高度：75px；
}
.摘要框{
显示：内联块；
高度：55px；
左边距：10px；
边缘顶部：10px；
}
.总结错误{
边框：1px实心#4d94ff；
颜色：#4d94ff；
}
.Summary重试{
边框：1px纯黑；
}
.摘要小盒子{
宽度：100px；
}
.摘要框{
显示：内联块；
高度：55px；
左边距：10px；
边缘顶部：10px；
}
.boxText{
文本对齐：居中；
垂直对齐：中间对齐；
}
.柜台{
字体大小：35px；
字体大小：粗体；
}

5.
错误
3.
警告
0
重试

方框文本的高度取决于其位置

.summary {
  height: 75px;
}

.summaryBoxes {
  height: 55px;
}

这是您应该更改的元素，以便可以更改其子对象的外观

。左栏{
浮动：左；
右边距：5px；
左边距：10px；
宽度：33%；
}
.第页{
保证金：1.2rem；
}
.摘要{
边框：1px纯色灰色；
利润上限：1.2rem；
边缘底部：1.2rem；
宽度：80%；
空白：nowrap；
高度：75px；
}
.摘要框{
显示：内联块；
高度：55px；
左边距：10px；
边缘顶部：10px；
}
.总结错误{
边框：1px实心#4d94ff；
颜色：#4d94ff；
}
.Summary重试{
边框：1px纯黑；
}
.摘要小盒子{
宽度：100px；
}
.摘要框{
显示：内联块；
高度：55px；
左边距：10px；
边缘顶部：10px；
}
.boxText{
文本对齐：居中；
垂直对齐：中间对齐；
}
.柜台{
字体大小：35px；
字体大小：粗体；
}

5.
错误
3.
警告
0
重试

另一种方法是删除额外的div并使用css中的内容，如：

5.
3.
0
.左栏{
浮动：左；
右边距：5px；
左边距：10px；
宽度：33%；
}
.第页{
保证金：1.2rem；
}
.摘要{
边框：1px纯色灰色；
利润上限：1.2rem；
边缘底部：1.2rem；
宽度：80%；
空白：nowrap；
高度：105px；
}
.总结错误{
边框：1px实心#4d94ff；
颜色：#4d94ff；
}
.Summary重试{
边框：1px纯黑；
}
.摘要小盒子{
宽度：100px；
}
.摘要框{
显示：内联块；
高度：85px；
左边距：10px；
边缘顶部：10px；
}
.boxText{
文本对齐：居中；
垂直对齐：中间对齐；
}
.柜台{
字体大小：35px；
字体大小：粗体；
保证金：22px自动；
线高：15px；
}
.SummaryBox:第n个子项（1）.计数器：：之后{
内容：“\A错误”；
字号：18px；
空白：预处理；
}
.SummaryBox:第n个子项（2）.计数器：：之后{
内容：“\A警告”；
字号：18px；
空白：预处理；
}
.SummaryBox:第n个子项（3）.计数器：：之后{
内容：“\A重试”；
字号：18px；
空白：预处理；
}

另一种方法是删除额外的div并使用css中的内容，如：

5.
3.
0
.左栏{
浮动：左；
右边距：5px；
左边距：10px；
宽度：33%；
}
.第页{
保证金：1.2rem；
}
.摘要{
边框：1px纯色灰色；
利润上限：1.2rem；
边缘底部：1.2rem；
宽度：80%；
空白：nowrap；
高度：105px；
}
.总结错误{
边框：1px实心#4d94ff；
颜色：#4d94ff；
}
.Summary重试{
边框：1px纯黑；
}
.摘要小盒子{
宽度：100px；
}
.摘要框{
显示：内联块；
高度：85px；
左边距：10px；
边缘顶部：10px；
}
.boxText{
文本对齐：居中；
垂直对齐：中间对齐；
}
.柜台{
字体大小：35px；
字体大小：粗体；
保证金：22px自动；
线高：15px；
}
.SummaryBox:第n个子项（1）.计数器：：之后{
内容：“\A错误”；
字号：18px；
空白：预处理；
}
.SummaryBox:第n个子项（2）.计数器：：之后{
内容：“\A警告”；
字号：18px；
空白：预处理；
}
.SummaryBox:第n个子项（3）.计数器：：之后{
内容：“\A重试”；
字号：18px；
空白：预处理；
}

看看这个更新的小提琴：看看这个更新的小提琴：非常感谢Gerardo，这正是我需要的。不客气。继续！非常感谢杰拉尔多，这正是我需要的。不客气。继续！