Невозможно настроить ширину меток. JQuery

Question

У меня есть такой эскиз: http://jsfiddle.net/challenger/upcZJ/.

Я нашел статью http://www.jankoatwarpspeed.com/post/2008/07/09/Justify-elements-using-jQuery-and-CSS.aspx, в которой объясняется, как настроить ширину меток по отношению к самой широкой.

Но я не могу сделать то же самое. Что я пропустил? Я пробовал делать вещи внутри accordion tab и внутри aside division.

Спасибо!

Answer 1

Ваши элементы этикетки: display: inline (по умолчанию), поэтому свойство width не применяется.

Набор display к чему-то еще (например, inline-block)

Answer 2

Вы забыли добавить CSS, который был упомянут в статье

label, input[type="text"]{ 
    float:left; 
    display:block; 
} 
label 
{ 
    margin-right: 5px; 
} 
.field{ 
    width:100%; 
    overflow:auto; 
    margin:5px 0px; 
}