주문 항목 나는 두 개의 레이블 선택 목록을 만들 필요가 다른

Question

아래 하나

Worker: |______________| 
Subcontractor: |______________| 

을하지만 그것을 (다른 하나를 선택 타격) 더 나은를 표시하려면 : 내가 원하는 해달라고

Worker:  |______________| 
Subcontractor: |______________| 

이 div가 테이블 안에 있기 때문에 테이블을 사용하는 것이고 이것이 테이블을 넣을 좋은 이유라고 생각하지 않습니다.

html과 css를 사용하면 어떻게 할 수 있습니까?

Answer 1

앞서 언급 한 것처럼 테이블을 사용하는 것이 좋은 이유라고 생각합니다. 방금 더 잘 설명하는 this article을 발견했습니다. 그것은 고정 너비 솔루션에 대한 조언.

앞으로 CSS3에서 solution을 제공 할 것으로 보입니다. 나는 CSS3에 대한 개발을 따르지 않았으므로 확실히 말할 수는 없다.

Answer 2

첫 단어 주위에 레이블을 붙여 특정 폭을 지정하십시오.

label { width: 3em; } 


<label for="this">Contractor</label> <select name="this">... 
<label for="that">Subcontrator</label> <select name="that">... 

Answer 3

플로트가 최고입니다 :

label { float:left:margin-right:10px;display:inline;width: 120px; } 

Answer 4

당신이 CSS를 그 폭을 설정하고 또한 부동 소수점을 설정하여 다음 div에서 텍스트의 첫 부분을 배치해야 테이블을 사용하지 않는 경우 속성 float:left.

Answer 5

적절한 너비의 컨테이너를 사용하고 내용을 정렬/부동시킬 수 있습니다.