базовое выравнивание меток CSS

Question

Привет, в основном, я новичок в css и т. Д., Поэтому моя форма может быть ужасной, однако вчера вечером она выглядела ужасно хорошо ... Я не трогал ее, а при загрузке сайта сегодня утром она не отображается правильно.

так вот мой jsfiddle ,

Может кто-нибудь мудрый, пожалуйста, объясните, почему это изменилось за ночь? Я уверен, что не коснулся этого.

спасибо,

Answer 1

Все, что вам нужно сделать, это добавить clear: left к:

#stylized label {
    clear: left;
    display: block;
    float: left;
    font-weight: bold;
    padding-bottom: 12px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 3px;
    text-align: right;
    width: 180px;
}

http://jsfiddle.net/userdude/7Zc6u/5/

Что происходит, так это то, что кромка метки пароля зацепляется за крайметка имени пользователя.

Answer 2

замена набивки

padding: 5px 3px 2px 12px; до #stylized label решает проблему

Или используйте

clear:left; в #stylized label