在html中怎样定义文字的位置？
1、padding内边距： 例如：将div容器中的文字内容放在距离容器的左侧边框的20px，顶部边框的100px的位置。 注意：在容器里使用了padding的话，会改变容器的大小，所以在写代码之前要先计算好容器的大小及padding。 代码：
2、margin外边距： 代码：
3、绝对定位position：absolute； top:50px; left:20px; 让文字内容相对div容器绝对定位，需要对div容器设置：position：relative； 代码：
怎样让图片在背景图片中定位？
1、上传图片。先要构思你想得到什么效果，小图片和大图片的内容要配合好。按照步骤和提示，上传大小两张图片。（注：下面举例图片选自网络）。
2、获取图片地址。点“显示源代码”，进入代码编辑。找到图片地址，复制到“记事本”备用。
3、编辑小图片。
、清空编辑器，将下列代码粘贴：＜P><IMG src=“小图片地址”＞＜／P>。将本文第二步形成的小图片地址，粘贴的这组代码中“小图片地址”那个地方，形成一组新代码。
4、编辑大图片。将本文第三步最后形成的那组新代码，复制到“记事本”备用。
清空编辑器，将下列代码粘贴：
<P align=center>
<TABLE border=0 cellPadding=0 width=589 background=大图片地址align=center height=390><TBODY><TR><TD>
5、将本文第二步形成的大图片地址，粘贴的这组代码中“大图片地址”那个地方，形成一组新代码。综合编辑。
将本文第三步、第四步形成的新代码放到一起，形成新的代码：＜P align=center>
<TABLE border=0 cellPadding=0 width=500 background=;690 align=center height=390><TBODY><TR><TD><P><IMG src=;690”＞＜／P>
（注意：代码中图片的宽高和图片实际宽高要一致）
预览，看看是不是合在一起了。
6、为小图片定位。
MARGIN: 0px 0px 0px 0px是定位代码，改变每个0的数值，就可以改变图片离边的距离。修改好后，就发布吧。要是配上音乐就更好了。
1、首先打开前端开发工具，新建一个html代码页面。
2、在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = "bg-img"。
3、设置背景图片。创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。
4、保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。
5、回到html代码页面，在bg-img类里添加background-position: center的属性。
6、保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。