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

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

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

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

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

margin是块级元素与块级元素的边距设置，padding才是块级元素与内部元素的边距设置，padding-left可以试试

字体居中，不是用你这个下边距处理，有一个小方法
inline-height的属性值为当前块元素高度
.ml{
height:40px;
inline-height:40px;
}
有帮助的话采纳一下哦🙊🙊🙊

您好，我是有问必答小助手，您的问题已经有小伙伴帮您解答，感谢您对有问必答的支持与关注！
PS：问答VIP年卡 【限时加赠：IT技术图书免费领】，了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632