CSS не применяется ко всем элементам

Question

Я генерировать следующий HTML с Django:

<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)