Я хочу, чтобы мой текст отображался в строке с моей формой, и, насколько я знаю, это соответствующий код. По какой-то причине текст немного подпадает под флажок? См. Снимок экрана и код ниже.Этикетки, отображающие чуть ниже формы, отмечены флажком?
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 %>
@Vucko Пробовал - без костей:/ – Brittany
Можете ли вы опубликовать все свои стили? – Vucko
@ Vucko См. Выше. Добавлены все мои стили, связанные с формой. – Brittany