Поместите флажок рядом с текстом абзаца
Как я могу поставить этот флажок рядом с текстом?
Код HTML:
<div class = "checkbox checkbox_allow_div"><label class = "label_300"><input type = "checkbox" name = "allow" value = "1" class = "allow_checkbox"><?php echo gdpr_text('gdpr_order_text'); ?></label></div>
Текст, который я повторяю с помощью php, он исходит из таблицы sql и записан в ckeditor на странице администратора. Ckeditor автоматически помещает текст в теги <p>.
Я не могу поместить код флажка в этот текстовый html-код, потому что пользователь пишет текст на странице администратора, поэтому он всегда динамический.
Я не могу, потому что не знаю, как использовать все, что есть на сайте. Чекбокс стоит, а текст в теге <p> </p>, не более того.
Вы должны попытаться поставить 2 блока, 1 для флажка и 1 для текста и разместить их с соответствующей шириной
Вам нужно будет включить весь соответствующий код, чтобы кто-то мог вам помочь. Если текст, который вы хотите вставить в поле флажка, действительно вставляется как элемент p, то решение вашей проблемы простое, как показано здесь codepen.io/anon/pen/qLVobV
Ответы 2
Во-первых, убедитесь, что флажок не определен как блок с:
.checkbox_allow_div {
display: inline-block'
}
затем вы можете стилизовать метку вокруг флажка и тега p текста с помощью:
label {
display: flex;
justify-content: space-evenly;
align-items: center;
}
Подробнее о Flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Добавьте display:inline-block для ввода и абзаца.
.checkbox input,
.checkbox p {
display: inline-block
}<div class = "checkbox checkbox_allow_div">
<label class = "label_300">
<input type = "checkbox" name = "allow" value = "1" class = "allow_checkbox">
<p>Random Text</p>
</label>
</div>Но ничего не делает. Я добавил это тоже inline, но ничего. Тоже пробовал: stackoverflow.com/questions/51922044/…
пожалуйста, покажите нам рабочий код (не php ....)