HTML设置了CSS中的标签宽度

Question

一个人如何为所有标签设置标签宽度？

CSS：

label {
    width: 180px;
}

html：

<label for = "customerName">Name:</label><input type = "text" name = "customerName" required><br>

但是标签是"名称："长度。我预计该标签的宽度为180px。无论CSS代码是否存在，都是相同的宽度。

Answer 1

使用 display：inline-block;

说明：

标签是一个内联元素，这意味着它只有必要的大。

将显示属性设置为内线块或块，以使宽度属性生效。

Answer 2

标签默认情况下是内联元素。内联元素不带宽度或高度。使它们内联块，然后尝试。使用 display：inline-block