也可以写代码：
<style type="text/css">
<!--
#a {
text-align: left //对齐方式
text-indent: 2px //文字缩进（单位有 像素、厘米、毫米等……）
}
-->
</style>
希望对你有用……
1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，这里设置一个外围的div盒子，给外围的div高度宽度和背景颜色，文字包裹到span标签里，文字也设置一下颜色，按下Crtl+S保存一下：
2、此时可以在软件右侧的窗口可以看到效果：
3、把外围盒子的position属性设置为relative，span标签里的position属性设置为absolute，设置top、left、right、bottom的数值，此时在右侧的窗口就会发现文字的位置已经改变了：
不知道你的结构是怎么样的建议给文字加个内边距或者外边距，或者文字缩进也行的<p style="margin-left:40px">冰箱食材</p>
<p style="padding-left:40px“>冰箱食材</p>
<p style="text-indext:40px“>冰箱食材</p>
