1、打开sublime text3，并且新建一个html文档和一个css文档。
2、把最基本的html框架写出来。
3、在html的head部分写上编码字符集并引入css文件。
4、在html的body里面写一个div，打上文字并设置一个class名。
5、在浏览器中打开，查看现在的效果。
6、我们直接在选择的div的class名里面加一个“margin: 0 auto;”属性保存。
1、设置padding属性就可以移动文字，具体方法首先需要新建一个html文件，在里面使用div标签设置三段文字，给最后一个P标签添加一个class属性：
2、然后设置div标签的样式，设置首行缩进2字符，字体颜色，字体大小等属性，再设置最后的class属性的padding值，这里4段数字分别代表上、左、下、右的间距，设置好后打开浏览器：
3、在浏览器中可以看到最后一行的文字相比前两段要向右偏一点，至此就把div标签里的文字整体右移了：
1、为设置div靠右移动一点前代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div向右移一定距离实例 www.thinkcss.com</title>
<style>
.box-a,.box-b{width:200px;height:100px; float:left}
.box-a{ border:1px solid #00F}
.box-b{ border:1px solid #F00}
</style>
</head>
<body>
<div class="box-a">第一个（前者）div</div>
<div class="box-b">第二个（后者）div</div>
</body>
</html>
2、操作设置第二个div左外边距离样式
关键CSS代码：
.box-a,.box-b{width:200px;height:100px; float:left}
.box-a{ border:1px solid #00F}
.box-b{ border:1px solid #F00; margin-left:20px}
3、使用margin-right就不能对需要向右移div设置，而是对前者（蓝色div）设置即可，实现红色div右移一定距离。CSS代码：
.box-a,.box-b{width:200px;height:100px; float:left}
.box-a{ border:1px solid #00F;margin-right:20px}
.box-b{ border:1px solid #F00}
<div style="padding-left:24px;">
<p>文字文字文字~~</p>
<p>文字文字文字~~</p>
<p>文字文字文字~~</p>
</div>
不过这样的副作用是div里面的其他元素也会向右偏移。所以也可以把padding定义在段落里面，例如<p style="padding-left:24px;">文字文字文字~~</p>
这是直接把CSS写在html里面的作法，把它写在CSS文件里面也可以的，我想你应该知道怎么做的，就不详细说明了~~本回答被网友采纳
也可以写代码：
<style type="text/css">
<!--
#a {
text-align: left; //对齐方式
text-indent: 2px; //文字缩进（单位有 像素、厘米、毫米等……）
}
-->
</style>
希望对你有用……本回答被网友采纳