在哪里放置JavaScript代码？

推荐一篇非常好的文章

前言

ES6是即将到来的新版本JavaScript语言的标准，他给我们带来了更“甜”的语法糖（一种语法，使得语言更容易理解和更具有可读性，也让我们编写代码更加简单快捷），如箭头函数=>、class等等。用一句话来说就是： ES6给我们提供了许多的新语法和代码特性来提高javascript的体验 不过遗憾的是，现在还没有浏览器能够很好的支持es6语法，点这里查看浏览器支持情况，所以我们在开发中还需要用babel进行转换为CommonJS这种模块化标准的语法。

看到了两篇关于Flex布局非常棒的文章，是阮一峰前辈写的，清晰明了

html和css如下：

1 水平居中

1.1 内联元素水平居中