p { text-align: right; }
然而,对于一些特殊的情况,大家可能希望让文本向右移动一定的距离,这时候大家可以使用CSS的text-indent属性。text-indent属性控制元素中第一行文本的缩进距离。如果大家将text-indent属性值设置为一个正数,即可将文本向右移动指定的距离。
p { text-indent: 20px; }
此时,大家可以看到文本在元素的最左边留出了20px的空隙,整体向右移动了一定的距离。这个属性同样适用于行内元素和块级元素。
需要注意的是,text-indent不会影响已经存在于缩进位置的内容,只会影响后续的文本或子元素。如果大家想要将整个元素及其子元素都向右移动指定距离,可以使用padding或margin属性。
p { padding-left: 20px; }
这个属性会在元素内容和元素边界之间添加一个指定宽度的填充区域,达到向右移动的效果。