과수원을 사용하여 양식을 정리하는 방법

Question

3 가지 부울 필드를 포함하도록 콘텐츠 유형을 설정했습니다. 그런 다음 양식에있는 내용 유형을 사용하여 화면에 표시하십시오. 문제는 내가 그 모양을 정리할 방법을 모르겠다.

라디오 버튼이 수평으로 정렬되고 각 질문 이후에 2 줄 간격으로 표시되기를 바랍니다.

Answer 1

이 정말 오차드 질문, CSS에 대한 하나 없습니다. 라디오 버튼을 수평으로 보이게하는 가장 간단한 방법은 왼쪽에 뜨는 것입니다.

input[type="radio"] { 
    float: left; 
} 

그런 다음 각 질문의 맨 아래에 약간의 여백을 추가하십시오. 마크 업이 어떤 모양인지는 모르겠지만 양식의 각 질문에 패딩을 추가 할 수있는 div가 있다고 생각합니다.

편집 : 저는 CSS 해킹입니다. Bertrand는 수평 라디오 버튼에 display:inline-block을 사용하여이를 달성하는 더 좋은 방법을 지적했습니다.