레이블로 div를 만드는 가장 좋은 방법 : TextBox를 중앙에 잘 갖추고 있습니까?

Question

다음을 갖는 가장 좋은 방법은 무엇입니까?

Name:  [Textbox]

div 내부? 이름 : 부품은 텍스트 상자, 특히 작은 글꼴이있는 중심을 중심으로하지 않습니다. 나는 이름을 원한다 : 부분은 수직으로 중심으로되기를 원한다.

경우에 따라 왼손 부분이 상당히 길고 다음과 같이 여러 줄로 감을 수 있습니다.

All known
addresses:   [Textbox]

다시, 나는 왼손 부분을 멋지게 중심으로하고 싶습니다.

레이아웃에 테이블 사용을 중단하고 DIVS로 이동하여 제대로 할 수 있지만 몇 가지 문제가 있습니다. style="vertical-align:middle" 아무것도하지 않는 것 같습니다.

Answer 1

아니요 좋은 이것을하는 방법. 일부 방법에는 괜찮은 글이 있습니다 여기, 그러나 대부분은 해킹 어라운드 고정 높이 요소 또는 DIV에서 테이블/테이블 세포 레이아웃을 사용하는 데 의존합니다.

물건을 중심으로하는 것이 어려운 요구 사항이라면 포기하고 테이블을 사용하십시오

Answer 2

테이블 또는 2 개의 div를 사용하십시오 : 하나는 레이블에 있고 다른 하나는 텍스트 상자에 다른 하나를 사용하므로 올바르게 정렬 할 수 있습니다.

Answer 3

HTML5는 이러한 유형의 인스턴스를 돕기 위해 멋진 기능을 제공합니다. 다음과 같은 요소 <section> 그리고 <article> 상황에 따라 매우 유용 할 수 있습니다.

http://www.w3schools.com/html/html5_new_elements.asp