Các anh cho em hỏi chút ạ. Nhờ các anh xem giúp em đoạn html dưới đây bố cục như vậy được chưa và css đã tối ưu mức tối đa chưa ạ ? Em nghĩ mãi cũng chỉ làm được như vậy
<html>
<head>
<title>BAI KIEM TRA</title>
<meta charset="utf-8" />
<link href="css/style.css" type="text/css" rel="stylesheet" />
<link href="css/reset.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div class="wrapper">
<h2>TIN TỨC</h2>
<ul>
<li>
<div class="list">
<div class="list-1">
<a class="link" href="#" title="">
<h3 align="justify">Trung Quốc điều thêm 17 tàu đến khu vực giàn khoan</h3>
</a>
<div class="news">
<img src="images/h1.jpg" alt="" />
<p align="justify">Để bảo vệ giàn khoan, Trung Quốc đã điều thêm 17 tàu các loại so với hôm trước, sẵn sàng đâm va vào tàu Việt Nam.</p>
</div>
</div>
</div>
</li>
<li>
<div class="list">
<div class="list-1">
<a class="link" href="#" title="">
<h3 align="justify">Trọng tài - vết đen của kỳ World Cup sôi động </h3>
</a>
<div class="news">
<img src="images/h2.jpg" alt="" />
<p align="justify">World Cup 2014 chưa đi hết lượt đầu vòng bảng nhưng các trọng tài đẳng cấp FIFA đã có tới bốn trận bị chỉ trích dữ dội.</p>
</div>
</div>
</div>
<div class="clr"></div>
</li>
<li>
<div class="list-2">
<div class="list-1">
<a class="link" href="#" title="">
<h3 align="justify">Những mỹ nhân Việt duyên dáng ở tuổi tứ tuần</h3>
</a>
<div class="news">
<img src="images/h4.jpg" alt="" />
<p align="justify">Để bảo vệ giàn khoan, Trung Quốc đã điều thêm 17 tàu các loại so với hôm trước, sẵn sàng đâm va vào tàu Việt Nam.</p>
</div>
</div>
</div>
</li>
<li>
<div class="list-1">
<a class="link" href="#" title="">
<h3 align="justify">Chuyển nhượng 17/6: Arsenal mua Balotelli, tráo hàng Man Utd</h3>
</a>
<div class="news">
<img src="images/h5.jpg" alt="" />
<p align="justify">Đội bóng thành London đang đẩy mạnh việc tuyển lựa những vị trí còn yếu trong đội hình ở cả ba tuyến.</p>
</div>
</div>
</li>
</ul>
</div>
</body>
</html>