2016-01-24 2 views
0

Я хочу, чтобы мой текст отображался в строке с моей формой, и, насколько я знаю, это соответствующий код. По какой-то причине текст немного подпадает под флажок? См. Снимок экрана и код ниже.Этикетки, отображающие чуть ниже формы, отмечены флажком?

enter image description here

style.css

input, textarea, select, .uneditable-input { 
    border: 2px solid #dbdbdb; 
    width: 100%; 
    margin-bottom: 15px; 
    margin-top: 15px; 
    border-radius: 5px; 
    padding: 10px; 

} 

input { 

    height: 35px; 
    width: 325px; 
    font-size: 16px; 
} 

input[type="radio"], input[type="checkbox"] { 

    width: 30px; 

} 
    label { 

     font-size: 18px; 
     display: inline-block; 
     font-weight: lighter; 
     vertical-align: top; 
    } 

     label[for=receive_newsletters] { 

      font-size: 12px; 
      display: inline-block; 

     } 

     label[for=terms_accepted] { 

      font-size: 12px; 
      display: inline-block; 

     } 

new.html.erb

<label for="receive_newsletters"><%= f.check_box :receive_newsletters %> I would like to receive newsletters</label> 
    <label for="terms_accepted"><%= f.check_box :terms_accepted %> I agree to the Terms of Service & Privacy Policy</label> 

    <%= f.submit :Register %> 
    <% end %> 
+0

@Vucko Пробовал - без костей:/ – Brittany

+0

Можете ли вы опубликовать все свои стили? – Vucko

+0

@ Vucko См. Выше. Добавлены все мои стили, связанные с формой. – Brittany

ответ

0

Вы должны удалить height: 35px; из input или указать height: auto для input[type=checkbox]

+0

Спасибо, Нора! :) – Brittany

Смежные вопросы