두 개의 버튼을 동일한 수평 정렬에 두는 방법은 무엇입니까?

Question

나는 자바 스크립트에서 HTML 양식을 만드는 중이라서 그것은 작동하지만 두 개의 버튼 : 취소하고 제출은 별도의 라인 (위에 다른 하나)에 있습니다. 어떻게 수평으로 정렬 할 수 있습니까?

var new_comment_form = "<form id='add_comment' method='post'><textarea name='problem_comment' cols=60 rows=6 id='problem_comment'>" + problem_comment_text + "</textarea><input type='hidden' id='problem_id' name='problem_id' value='" + problem_id + "' /><input type='hidden' id='problem_comment_id' value='" + problem_comment_id + "' /><input type='submit' class='button' value='Edit Message' /><input type='button' class='button' id='cancel_comment' data-problem_id='" + problem_id + "' value='Cancel' /></form>"; 

그리고 그런데

는, 그것이 청소기되도록 사람들이 일반적으로 이런 종류의 작업을 수행하려면 어떻게 :) 매우 지저분한 외모 : 여기

는 내가 가지고있는 코드를 무엇입니까?

감사합니다.

Answer 1

http://jsfiddle.net/G2qsp/1/

는 지금까지 내가 말할 수있는, 그들은 같은 줄에 있습니다 : P

이 청소기 (나는 그것을 적어도)입니다 단지에 넣어 만드는 일반적인 방법 각 행의 끝에 +가있는 새 행.

일명 :

var new_comment_form = 
"<form id='add_comment' method='post'>"+ 
    "<textarea name='problem_comment' cols=60 rows=6 id='problem_comment'>"+ 
     problem_comment_text + 
    "</textarea>"+ 
    "<input type='hidden' id='problem_id' name='problem_id' value='" + problem_id + "' />"+ 
    "<input type='hidden' id='problem_comment_id' value='" + problem_comment_id + "' />"+ 
    "<input type='submit' class='button' value='Edit Message' />"+ 
    "<input type='button' class='button' id='cancel_comment' data-problem_id='" + problem_id + "' value='Cancel' />"+ 
"</form>"; 

편집 : 당신은 여전히 ​​정렬 문제가 발생하는 경우, 이것은 당신이 전에 도망, 지금 수레 http://jsfiddle.net/G2qsp/2/

함께하고 싶은 것 무엇 약 누군가가 분명하여 나를 공격 : 모두 ...

Answer 2

는 두 가지 방법, 1) 두 개의 열, 하나가 포함 첫 번째 버튼과 다른 하나 포함 두 번째 버튼으로 테이블을 사용을 사용하여이 문제를 해결할 수 있습니다. 2) 당신은 또한 값이 음수 마진 탑 스타일을 사용할 수 있습니다.