css字的位置没法向下

当我们编写CSS样式表的时候，经常会遇到一种情况：字的位置不能向下，即使我们设置了margin或padding也不起作用。

p {
    margin-bottom: 20px;
    padding-bottom: 10px;
}

这可能是因为我们使用的是行内元素，例如span或链接。行内元素默认是不可以设置高度和宽度的，因此在设置margin或padding时会无效。

解决这个问题的方法有两种：

1. 将行内元素修改为块级元素

span {
    display: block;
}

2. 把行内元素放在一个块级元素中，并设置这个块级元素的高度或者加入换行符

    这是一段行内元素的文字


.block {
    height: 50px;
    /* 或使用 */
    /* white-space: pre; */
}

通过这两种方法，文本的位置就可以向下调整了。同时，在设置行内元素样式时也需要注意它们的默认特性。