수직 정렬 범위가-요소 레이블 요소

이 질문에 비슷한 문제가 있습니다 내 HTML 구조는 다음과 같습니다 Vertical Align text in a Label 수직 정렬 범위가-요소 레이블 요소

<label> 
    <span>Comment:</span> 
    <textarea>Some Default-Text</textarea> 
</label>

내가 수직 -하려고 해요 span 요소를 label 요소의 맨 위에 맞 춥니 다. 내 CSS 코드의

: 이미 인라인 블록을하는 라벨 태그의 표시를 설정하고 수직 정렬 속성을 추가했지만, 아무 일도

label{ 
    display: block; 
} 

label span{ 
    display: inline-block; 
    width: 30%; 
} 

.createForm textarea{ 
    width: 67.7%; 
    resize: vertical; 
}

누구든지이 문제의 원인을 알고 있습니까? 난 당신이 이러한 경우에 div 대신 label를 사용하는 것이 좋습니다 것이지만

출처

2013-07-11 maja

이미 시도했지만 실제로 'vertical-align : top'을 추가하셨습니까? 그것은 단지 그것과 함께 작동하는 것 : http://jsfiddle.net/acdcjunior/XE5Fy/ – acdcjunior

@acdcjunior 내가 작동하지 않았 레이블 요소 내부 정렬을 넣어 : ( 왜 내가 왜 생각하지 않은 스팬 - 요소 * ashame *로 퍼 팅 * – maja

추가 vertical-align:top는

label span{ 
    display: inline-block; 
    width: 30%; 
    vertical-align:top; 
}

JS Fiddle

에 걸쳐있다. label은 하위 요소가있는 것이 아닙니다.

출처

2013-07-11 19:12:27 Sachin

나는 너무 바보 같은 .. 감사합니다 Logged – maja

수직 정렬 범위가-요소 레이블 요소

답변

관련 문제