1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：span {position： absolute； top： 45px； left： 180px；}。
创新互联专注于岢岚企业网站建设,自适应网站建设,商城建设。岢岚网站建设公司,为岢岚等地区提供建站服务。全流程按需求定制制作，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务
2、前端用到的编辑器有很多，本例通过选择SublimeText3编辑器来实现文字居中图片的制作。
3、首先先进行文本框的插入，在word文档编辑界面上，单击上方工具栏中的“插入”按钮，包括文本框，所有的插入选项都在这里。在“插入”选项的下拉工具栏中，选择如图所示“文本框”图标单击。
1、范例一先用传统的HTML 表格 align以及valign来设计水平与垂直方向的置中效果，其中align=center是水平置中，valign=middle则是垂直置中，这两个功能都要写在表格栏位的td标签内才有效果。
2、表格内左边距使用padding-left，而不是margin-left。margin-left叫外左边距。单元格垂直居中，设定vertical-align为middle，而不是bottom（靠下）。
3、div+css实现文字垂直居中的五种方法：把文字放到table中，用vertical-align property 属性来实现居中。
4、设置水平居中 选中需要居中的文本；单击开始选项卡居中按钮。设置垂直居中 单击页面布局选项卡右下角的按钮；弹出页面设置对话框，选择版式选项卡，在垂直对齐方式处选择居中即可。
首先我们对body设置text-align：center，再对需要居中的div盒子设置css样式margin：0 auto，这样即可让对应div水平居中。
模拟表格法其实就是用CSS中对元素的声明让块元素像表格一样显示，用到的CSS属性有display、vertical-align等。
代码：效果：原理：margin：0 auto；数字0代码的是距离上下边界为0，而auto表示距离左右边界为自适应，也就是居中。
MARGIN-RIGHT：auto；MARGIN-LEFT：auto；”需要说明的是，如果想用这个方法使整个页面要居中，建议不要套在一个DIV里，可以依次拆出多个div，只要在每个拆出的div里定义MARGIN-RIGHT：auto；MARGIN-LEFT：auto；就可以了。
居左：对要靠左对齐（局左）的div样式加float：left。
首先先打开我们的开发环境 新建一个web项目。在html中引入css文件 这里是html页面的代码 div和ul。将所有标签的margin和padding初始为0 然后将父级div的display设置为flex align-items设置为center 。
