<span>I love flex layout!</span>
<style>
body{
display:flex;
justify-content:center;
align-items:center;
font-size:3em;
color:#00ffff;
}
</style>
![enter image description here][1]
<p>與自己為敵，</p>
<p>與自己為友，</p>
<p>一邊深挖思想，</p>
<p>一邊埋葬自己。</p>
<style>
body{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
font-size:1.2em;
color:purple;
}
</style>
![enter image description here][2]
課工場回饋百萬獎學金，為你一次性減免千元學費， 歡迎加入前端/JAVA/PHP學習交流群120342833
[1]: http://htmljs.b0.upaiyun.com/uploads/1491807340297-b64456261088fa96cdb0670e069eb9f8.jpg
[2]: http://htmljs.b0.upaiyun.com/uploads/1491807350483-607edc0491f115d0c2c84cf8c57c2c18.jpg
