使用padding实现
如果要使用padding实现字左移,需要给盒子添加padding-left属性,值为想要左移的像素数。比如,如果想让文字左移50px,可以这样写:
.box-1 { padding-left: 50px; }
这个时候,文字就会在盒子的左侧空出50px的留白。大家可以通过下面的代码来预览效果:
Hello World!
使用text-indent实现
除了padding,还可以使用text-indent属性实现字左移。text-indent可以设置文字的缩进,如果将值设置为负数,文字就会向左移动。比如,如果想让文字左移50px,可以这样写:
.box-2 { text-indent: -50px; }
这个时候,文字就会在盒子的左侧空出50px的留白。大家可以通过下面的代码来预览效果:
Hello World!