(Rails) 라디오 버튼이 텍스트와 나란히 있지 않습니다.

Question

ff.radio_button.과 일치하도록 ff.label을 입력하고 싶습니다. 그러나 지금은 내보기에 매우 멀리 떨어져 있고 줄 지어 있습니다. 왜? CSS와 레일의 문제가있는 경우를 대비하여이 질문에 CSS 태그를 추가했습니다.

이 내 코드입니다 :

<%= form_for([@user, @submitted_quiz]) do |f| %> 
<%= f.hidden_field :quiz_id, :value => @quiz.id %> 
<%= f.hidden_field :name, :value => @quiz.name %> 

<% @quiz.questions.each do |question| %> 
<div class = "questions" > 
<%= f.label question.content %> 

<%= f.fields_for (:submitted_answers) do |ff| %> 

<%= ff.hidden_field :question_id, :value => question.id %> 
<div class = 'options'> 
<% question.answers.each do |answer| %> 
<div class = 'radio'> 
<%= ff.radio_button :content, answer.content %> 
<%= ff.label :content, answer.content %> 

</div> 
<% end #answer.each do %> 
</div> 
<% end #fields_for (:submitted_answers) do %> 

</div> 
<% end #questions.each do %> 


<%= f.submit %> 
<% end #form_for %> 

Answer 1

가 라벨 내부에 라디오 버튼을 넣고보십시오.

<div class="radio"> 
    <%= ff.label :content do %> 
    <%= ff.radio_button :content, answer.content %> 
    <%= answer.content %> <!-- this will make the text appear after the radio button --> 
    <% end %> 
</div> 

업데이트 :이

여기

<label> 
    <input type="radio" ... /> 
    Foo 
</label> 

Foo처럼

하지 전에 라디오 버튼 후 오른쪽에 나타날 것입니다.