DIV 레이아웃 및 위치 지정

Question

입력 버튼을 배치하고 DIV의 오른쪽에 양식 필드를 배치하는 데 어려움을 겪고 있습니다. http://jsfiddle.net/qk0jp5pt/

body { background-color:#C0C0C0; } 
#page { width: 80%; margin: 30px auto; padding: 0; border: 1px solid #800000 } 
#row { width: 80%; border: 1px solid #FF0000; }                                         
#table { width: 80%; border: 1px solid #00FF00 } 

#row 내가 정렬하기 위해 노력하고있어 사업부는 다음과 같습니다

은 현재 기본 레이아웃을 볼 수 있습니다. 테두리가 빨간색이고 입력 버튼을 해당 DIV 내부로 이동하고 싶습니다.

궁극적으로 나는 입력 텍스트 필드를 추가하고 모두 #row에있는 오른쪽에 정렬해야합니다. http://jsfiddle.net/qk0jp5pt/1/

누군가 내가 뭘 잘못하고 있는지 조언 해 줄 수 있습니까?

감사합니다 추가

Answer 1

: #row에

text-align: right;

트릭

http://jsfiddle.net/qk0jp5pt/2/

Answer 2

당신은 DIV의 내용이나 입력을위한 플로트를 사용하여 수를 않습니다.

 

    float: right;