Поставьте флажок напротив текста абзаца - PullRequest
Новая
       8

Поставьте флажок напротив текста абзаца

0 голосов
/ 31 декабря 2018

Как я могу поставить этот флажок в строку с текстом?

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-код этого текста, потому что пользователь пишет текст на странице администратора, поэтому он всегда динамический.

enter image description here

Ответы [ 2 ]

0 голосов
/ 31 декабря 2018

Добавить 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>
0 голосов
/ 31 декабря 2018

Сначала убедитесь, что флажок не определен как блок с помощью: 

.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 /

...