如何利用HTML5和CSS3样式属性定义盒子元素方向

1、第一步，打开HBuilder开发软件，在Web项目里新建静态页面，如下图所示：

3、第三步，预览该静态页面，可以看到页面效果，分别为上中下顺序，如下图所示：

5、第五步，再次设置body元素样式属性，body{ text-align: center; vertical-align: middle; display: box; display: -moz-box; display: -webkit-box; orient: horizontal; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; }如下图所示：