已经将span变成行内块元素，但是设置不了下边距

Question

我还没学定位，想通过下边距使字居中。

Answer 1

span下面没有内容，设置了下边距也看不出效果啊
你如果要文字垂直居中设置 vertical-align: middle;

margin外边距具有合并特性, span的margin-bottom会与div的margin-bottom合并到div的外面
参考
https://blog.csdn.net/shi_1204/article/details/80180224

你应该改成内边距padding-bottom: 40px;