введите тег внутри тега p, используя jquery

Question

$Option = "<p>6 &lt; x &lt; 8</p>"  //For demo I have assigned directly, in reality the value will come from MySQL database.

Я хочу отобразить это значение примерно так:

Но я получаю это как:

Я знаю причину, по которой это так, потому что входной тег находится вне тега абзаца.

<input type="radio" name="<?php echo $i; ?>" value="A"><?php echo $Option; ?>

Что можно сделать, чтобы переключатель был внутри тега абзаца?

Answer 1

p элементы по умолчанию block. Вы можете сделать их inline элементами, установив для свойства display значение inline:

$Option = '<p style="display:inline">6 &lt; x &lt; 8</p>';

Обновление: Если вы не можете изменить значение переменной тогда вы можете попробовать использовать внешний или внутренний CSS:

input[type=radio] + p{
  display: inline;
}