div横排布局导航

html （现在回想：以当时的水平是如何把这段代码放上去的，谁给我的勇气，可能是把CSDN当做云笔记本了）

<style type="text/css">
	.apu_layered{width:100%;height:692px;color:#fff;background-color:#339933}
	.apu_font_middle{text-align:center;height:692px;padding-top:200px;}
	.apu_ap1{font-size:4em;margin:0px;}
	.apu_ap2{font-size:1.5em;padding-bottom:278px;}
	.apu_btns{display:flex;background-color:#777;opacity:0.8;justify-content:center;}
	.apu_btn{width:150px;height:50px;text-align:center;background-color:#acacac;}
	.apu_btn a{color:#fff;text-decoration:none;margin:auto;line-height:50px;}
	.apu_btn:hover{background-color:#111;}
</style>

<div class="apu_layered">
	<div class="apu_font_middle">
		<p class="apu_ap1">搬砖，最为致命，何不加班！</p>
		<p class="apu_ap2">作为的一个小白，搬砖是不可能的，可是不可能是不搬砖的</p>
		<div class="apu_btns flex-wrap">
			<div class="apu_btn"><a href="http://lol.qq.com">LOL时事</a></div>
			<div class="apu_btn"><a href="https://www.baidu.com">百度搜索</a></div>
			<div class="apu_btn"><a href="https://www.taobao.com">淘宝网购</a></div>
			<div class="apu_btn"><a href="https://www.jd.com">京东白条</a></div>
		</div>
	</div>
</div>	

搬砖中.....