1、新建html文件。
2、创建两个div，并赋予id。
3、为两个div设置宽高和背景，并设置左右浮动。
4、预览效果如图。
5、创建第三个div。
6、为第三个div设置宽高和背景。
7、预览效果如图。
注意事项：
随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是CSS便诞生了。
例：居中.wrapper里的.content
一. 已经元素的宽高的前提下：
(1) left:50%top:50%
父元素设置相对定位，position: relative
子元素(要居中的元素)设置绝对定位，position: absolute left: 50% top: 50%
（2）设置margin: auto
父元素设置相对定位,position: relative
子元素(要居中的元素)设置绝对定位，position: absolutemargin: auto
(3) flex布局
父元素设置 display: flex justify-content: center align-items: center
二.未知元素宽高的情况下：
（1）四个方向设置值，把元素撑开
父元素设置相对定位，position: relative
子元素设置绝对定位，position: absolutetop与bottom设置一样的值，left与right设置一样的值，把容器撑开
百度知道请问左右缩进怎么设置？
ABC生活攻略
百度认证:福州市向海教育咨询有限公司官方帐号
关注
成为第1074位粉丝
WPSWord中左右缩进的设置操作方法如下：
1、打开word，选中要缩进的段落，在开始菜单下点击段落的下角标。
2、在弹出框里在缩进下方的文本之前（左侧）和文本之后（右侧）分别填上你想要缩进的距离。
3、点击确定，该段落左右均缩进了所设置的字符距离。
MicrosoftOfficeWord是微软公司的一个收费文字处理应用程序，是最流行的文字处理程序之一。它最初是由RichardBrodie为了运行DOS的IBM计算机而在1983年编写，后来成为了MicrosoftOffice的一部分。
Word提供了许多易于使用的文档创建工具，同时也提供了丰富的功能集，供创建复杂的文档使用。MicrosoftOfficeWord通过将一组功能完备的撰写工具与易于使用的MicrosoftOffice用户界面相结合，来帮助用户创建和共享具有专业外观的内容。减少设置格式的时间，将主要精力集中于撰写文档。借助SmartArt图和新的制图工具更有效地传达信息。
