Зачем использовать теги списков определений (DL, DD, DT) для HTML-форм вместо таблиц?

Я успешно использовал технику, описанную css в this article несколько раз.

Я согласен css-classes с sjstrutt в том, что вы должны использовать max-height в формах теги, связанные inline-block с формой, такие как label и form, но divs в HTML, описанном в его примере, часто html-form не хватает кода, который css можно использовать как «крючки» для div стилизации вашей формы с css-layout помощью CSS.

Вследствие этого html-form я размечу свои формы следующим div-layouts образом:

    

        
Form header
        

            

                Username: 
                
            
            

                Password: 
                
            
        
    
    

        
    

Такой подход оставляет css-layout мне понятный набор тегов, который html содержит достаточно хуков, чтобы max-height стилизовать формы множеством html5 различных способов.