테이블에있는 mailchimp 가입 양식의 텍스트 필드와 버튼에 div를 한 줄에 넣는 방법은 무엇입니까?

Question

나는 우편 목록 양식을 위해 개발할 사이트에 포함 된 Mailchimp에서 제공하는 코드를 수정하려고 노력해 왔습니다.

기본적으로 코드는 테이블 내에 포함되어 있으며 Mailchimp 코드는 테이블의 한 셀에 있습니다. 내용은 제목, 전자 메일 주소를 입력 할 상자 및 "제출"단추입니다. 나는 현재의 경우와 같이 셀의 내용이 서로가 아닌 한 줄에 있도록 코드를 수정하고 싶다. 자주의 경우와 같이

코드와 CSS

는 여기 잘하면 그냥 바보 같은 짓을 한 http://jsfiddle.net/surfersteve1970/x9QLP/

을 찾을 수 있습니다,하지만 지난 시간 동안 내 책상에 머리를 타격 한 후 나는 그것이 가장하려고 생각 뇌 손상을 일으키기보다는 도움을 청하십시오.

도움을 청하심에 감사드립니다.

스티브

Answer 1

http://jsfiddle.net/iphipps/CLFBj/1/

이메일과 버튼을 모두 입력 블록으로 표시되지 떠 또는 인라인으로 표시되고 있었다. 아래 코드는 나를 위해 일했습니다.

#mc_embed_signup input.email{ 
display:inline-block; 
} 

#mc_embed_signup input.button { 
display:inline-block; 
} 

참고 : 첨부 된 jsfiddle에서 두 선택기의 표시를 변경 한 다음 주석 뒤에 아래 코드를 추가했습니다. 어떤 이유로 jsfiddle은 css 캐스케이드 오버라이드를 좋아하지 않는 것 같습니다.