如何增加此表格下方的边距

Question

我无法在此表单下方添加一些空白 space。它的底部仍然贴在页面的边缘。

form {
    display: inline;
    text-align: center;
    margin-bottom: 50px;
}

请问如何解决这个问题

谢谢！

Answer 1

边距清除元素周围的区域（边框外）。边距没有背景颜色，完全透明。

可以使用单独的属性单独更改上、右、下和左边距。也可以使用 shorthand 边距属性，一次更改所有边距在CSS中，可以为一个元素的不同边指定不同的外边距

EXAMPLE:
ClassName Or ID{
    margin-top: 100px;
    margin-bottom: 100px;
    margin-right: 150px;
    margin-left: 50px;
}

Answer 2

您不能将 margin-top and/or margin-bottom 添加到具有 display: inline 的元素，因为它根本没有效果（尽管 margin-left 和 margin-right 会有) :)

您真的需要将 display: inline 应用于 form 吗？

如果您能提供更多详细信息，我可能会尽力提供更多帮助。

how to increase the margin below this form