입력란 뒤에 레이블이 나타나는 이유는 무엇입니까?

Question

나는 float 변수로 조작 한 후에도 이것을 알아낼 수 없다. 은 "Q1은"라벨 이후에 나타납니다/

<div class="question active">Q1<input id="one" type="text"></div> 


.question { 
    display: none; 
    float:left 
} 
.question.active,.question.answered { 
    display: block; 
    float: left; 
    clear: left; 

} 
.question.active input { 
    border: 1px solid black; 
    float: left; 
    clear: left; 
} 
.question.answered input { 
    border: 0px solid black; 
    float: left; 
} 
.button { 
    display: none; 
} 
.button.active { 
    display: block; 
    float: left; 
} 
.clickbutton { 
    clear: left; 
    float: left; 
} 

.focusField{ 
    border:solid 2px #73A6FF; 
    background:#EFF5FF; 
    color:#000; 
} 

고마워요 :)

Answer 1

귀하의 input가 floated 왼쪽입니다.

.question.active input { 
    border: 1px solid black; 
    float: left; 
    clear: left; 
} 

이 당신의 .question.active div의 텍스트 전에 배치합니다.

을 label에 넣고 처음 남겨두면 모두 제대로 작동합니다.