Formtastic Form에서 인라인으로 표시

Question

Form을 렌더링하는 데 Formtastic을 사용하고 입력을 인라인으로 표시하려고합니다. 예를 들어,

는 "이메일 텍스트 상자", "암호 텍스트 상자", 나는이 솔루션은 Include two inputs in same LI element in Formtastic에서 제안 시도

"버튼을 서명"하지만 "암호 입력" "당신의 이메일 주소를 입력" 렌더링 된 양식이 비뚤어집니다. 구체적으로 말하면, 레이블 (전자 메일 입력, 암호 입력)은 모두 같은 줄에 나타나지만 텍스트 상자 옆에 나란히 표시됩니다.

"암호" "이메일 텍스트 상자" "암호 텍스트 상자"

감사를 입력 "당신의 이메일 주소를 입력!"

Answer 1

CSS를 사용하여 목록을 가로형으로 이와 같이 표시 할 수 없습니까?

Horizontal List CSS

이

그 크기가 그냥 사용하도록 제안

ul li { 
    display: inline; 
}