Как использовать jQuery для добавления элемента в правую часть другого элемента?

Question

у меня

<input type='text', id='name'></input>

а у меня

<p>my name is xyz</p>

Я бы хотел, чтобы элемент <p> находился в 20 пикселях справа от <input>, как использовать jQuery для достижения этой цели?

Answer 1

$('<p></p>').html('my name is xyz').css('margin-left', '20px').insertAfter($('#name'));

или

$('/*select p*/').css({'margin-left':'20px'}).after($('#name'));

Или просто поставить CSS

p{
  margin-left: 20px;
}