Question

Hi basically I am new to css etc so my form may be awful, however last night it was appearing abosloutely fine….I haven’t touched it, and on loading the site this morning it is not appearing correctly.

so here is my jsfiddle,

can somebody wise please explain why its changed over night? I am sure I haven’t touched it.

thanks,

Answer 1

All you need to do is add clear: left to:

#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/

What’s happening is the edge of the password label is getting caught on the edge of the username label.