html - 在 HTML 表单中设置标签和输入之间的边距

Question

我想更改简单 HTML 表单的标签和输入之间的边距。标签位于输入字段下方。当我设置一个类时，我可以更改字体大小等其他属性，但不能更改边距。

Answer 1

A <label>显示为 inline默认情况下。您必须将其更改为 inline-block或 block为了设置margin .

label {
    display: inline-block;
    margin: 10px;
}

一些用于了解有关 CSS 盒模型的更多信息的资源:

MDN article

CSS-Tricks article

一些资源以了解有关 display 的更多信息CSS 中的属性:

MDN article