css把p标签文字移动 |css.chm免费下载

p {
position: relative;
left: 50px;
/* 向左移动50px */
}

以上代码可以让p标签里的文字向左移动50px。接下来大家演示一下。

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac dapibus nulla, et consequat ligula. Quisque eget ex ipsum. Aliquam in mi nec leo interdum venenatis non eget velit.

p {
position: relative;
left: 50px;
/* 向左移动50px */
}

以上代码实现了p标签内的文字向左移动50px。如果想让文字向右移动，只需要将left改为right即可。

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ac dapibus nulla, et consequat ligula. Quisque eget ex ipsum. Aliquam in mi nec leo interdum venenatis non eget velit.

p {
position: relative;
right: 50px;
/* 向右移动50px */
}

以上代码实现了p标签内的文字向右移动50px。除了left和right，大家还可以使用top和bottom来实现上下移动。以下是完整的移动代码。

p {
position: relative;
left: 50px;
/* 向左移动50px */
right: 50px;
/* 向右移动50px */
top: 50px;
/* 向上移动50px */
bottom: 50px;
/* 向下移动50px */
}

以上是CSS把p标签文字移动的方法。通过修改left、right、top和bottom的值，大家可以实现文字在p标签内的任意位置移动。