html - 为什么这个填充不居中内容？

Question

据我了解，填充是您的边框和最内层之间的空间。在下面的 CSS 中，如果我将底部填充设置为 40px，则内容不会在 div 中居中。为什么？

div {
    height:40px;
    width:40px;
    color:blue;
    background-color:red;
    border:10px solid blue;
    padding: 40px 40px 40px 40px;
}

<div>hello</div>

Answer 1

内容区域仍然是 40px 高(因为这是您指定的高度)并且文本从其顶部开始。