Căn chỉnh layout trong CSS

[HienVienVu (Toàn Tạ Văn)]

Đây là code HTML vs CSS của em ạ:

<pre><div id="footer">
				<div id="box1"><h2>About this page</h2>
					Made with  and  by <a href="qlip.in" target="_blank">Justin Sane</a>.
				</div>
				<div id="box2"><h2>Around the web</h2></div>
				<div id="name"><p align="center">qlip © 2016. All Rights Reversed</p></div>
		</div></pre>

<pre>#footer {
	height:340px;
	background-color:#AAAAAA;
	color:#E2E2E2;
	overflow:auto;
	margin:0;
}
#footer div:first-child {
	width:670px;
	height:240px;
	float:left;
	padding-left:15em;
	padding-top:2em;
}
#footer div:nth-child(2) {
	width:670px;
	height:240px;
	float:right;
	padding-left:5em;
	padding-top:2em;
}
#name {
	height:100px;
	width:100%;
	text-align:center;
	background: #722872;
	margin-top:11em;
}</pre>

Em muốn kết quả nó như này

Mà viết code thế nào nó cũng ra như này ạ:

Em viết sai code chỗ nào hay là phải sửa chỗ nào để được như ý ạ, em cảm ơn anh/chị nhiều ạ

[Nguyen_Duc_Hoang1 (Nguyễn Đức Hoàng)]

Mình nghĩ bạn phải học thêm về CSS3 nữa đi. Tạo button, Sử Dụng Icon, phân trang,… Vì cái bạn viết ra với cái Mẫu nó khác nhau nhiêuf quá,