CSS并不适用于

Question

我生成的Django以下HTML的所有元素：

<p> 
    <label for="id_username"> 
     Username: 
    </label> 
    <input id="id_username" type="text" name="username" maxlength="30"></input> 
</p> 

...，并使用下面的CSS代码来加以装饰标签和文本输入：

form.registration p label, 
form.registration p input 
{ 
    width: 250px; 
} 

在最后，导航器（Firefox）仅改变输入文本框的宽度，但不改变标签的宽度。有人知道为什么吗？

Answer 1

通常，在大多数浏览器中，label的默认显示为display: inline。这意味着设置的宽度不会影响任何更改。将display: inline-block添加到属性中（这不会影响<input>，它们已经是display: inline-block）