html垂直居中有4中方法。分别有：使用line-height；使用表格；利用display：table-cell；使用绝对定位。具体实现方法：使用line-height 把文字的line-height设为文字父容器的高度，适用于只有一行文字的情况。
目前创新互联公司已为上千的企业提供了网站建设、域名、虚拟主机、网站托管、服务器托管、企业网站设计、历下网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
单行文本是通过设置父元素的height和line-height高度一致来完成的，其中height是指元素的高度，line-height是指行间距。
讲解：margin这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
这种方法有点新意，用这种方法你需要在居中元素前面放一个空的div(块元素就可以)，然后设置这个div的高度为50%，margin-bottom为元素高度的一半，而且居中元素需要清除浮动。
以下是让div中的内容垂直居中的具体操作方法：首先我们准备好一个空的html结构的文档。接下来我们要准备的是准备一个div用来放内容了，这里为了显示特意给div设置了边框。
初始包含块用户代理（比如浏览器）选择根元素作为 containing block（称之为初始 containing block）。
1、按道理它也不是会向上的。例子：你浮动中，有一个为250高的，那么那一排就按250来，而且，向左浮动的意思，只是说紧跟着上一个，如果像你所说的，向上了，那它就不止浮云这么简单了，那就叫错位了。
2、一般浮动缩小变乱的原因是设置了边框，因为边框不会随着页面缩小而缩小，所以导致撑破元素。建议你如果用边框的话就别把宽度算太死。留个几像素的宽度来缓冲一下。
3、块级元素浮动不能叠加（float），只能是像你的例子一样靠左一次排开。
4、float会使元素脱离标准文档流，想当于向上浮动了，其后兄弟元素会无视它的存在，占据浮动元素原有的位置。
5、现在分析一下你问题所在，第一个左浮动，第二个右浮动，第三个无设置，这样的做法当初很流行，本来顺序应该左浮动，无设置，右浮动，但这样会造成错位，反过就可以解决。
6、padding：0} /style 你在头部加上这句样式，加上文字就错位，那就是你外层的div宽度不够，以至于里面的div自动换行。
正如刚刚提到的，HTML5有多个新标签帮助我们定义娱乐功能。在这一领域一些新的标签包括video，img是为图片使用的，canvas则是描述图片，还有audio用于定义声音文件。
掌握HTML5新的特性，如语义化标签、音频视频标签、画布标签、新的表单控件、Web存储等； 了解JavaScript的基础语法，因为HTML5中引入了一些新的API，如Canvas、Web Workers、Web Sockets等，需要JavaScript的支持。
第四步：熟悉JS了后，就开始你的HTML5的专项编程吧。canvas，音视频控制，多线程，本地存储，这些都要JS来操作哒。第五步：继续你的js的天坑-- 可以熟悉一些常用的JS框架了 jquery，boostrap，vue，AngularJS 等等。
前端页面重构。主要内容为PC端网站布局、Photoshop 工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配 PC 端、移动端、平板设备等。
同时HTML5也对某些元素进行了重定义，改变了它们的语言内容但表现不变。如b标签、i标签，仍然表示为粗体、斜体，但代表了一段需要被关注的文字、一段不同性质的文字，如技术术语、外文短语等。
section 类似div，不过比div更有意义，他是对内容进行分块。aside 字面就是侧边栏，跟内容相关的一些引用、内容。这些元素表现形式都是行内，使用的时候要显示声明为block。
aside标签是HTML5中的新标签，用于以较短的方式描述网页的主要对象；它基本上标识了与网页主要内容相关的内容，但不构成主页的主要意图。该aside标签主要包含作者信息、链接、相关内容等。
section、aside：分别是定义节(如章节/页眉)和定义某内容之外的内容(类似题外话的意思)。比起在HTML5以前的版本，这些标签都是对页面更细致的设置。
nav元素代表页面的导航链接区域。用于定义页面的主要导航部分 aside元素 aside元素被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、标签、名次解释等。
/aside footer 标签 footer 标签定义section或document的页脚。在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息，也就是类似于版权信息的东西。
hgroup 标签用于对网页或区段（section）的标题进行组合。HTML5： hgroup/hgroup HTML4： div/div keygen 标签定义生成密钥。