如何使用jQuery将元素追加到另一个元素的右侧？

Question

我有

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

我有

<p>my name is xyz</p>

我希望<p>元素位于<input>右侧20px，如何使用 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;
}