<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/base.css" media="all"/>
<style type="text/css">
ul{width:774px;overflow:hidden;margin-left:auto;margin-right:auto;}
li{float:left;width:248px;height:162px;display:inline;margin:0 10px 10px 0;background:red;}
</style>
</head>
<body>
<ul>
<li><img src="images/cat.jpg" width="248" height="162" /></li>
<li><img src="images/cat.jpg" width="248" height="162" /></li>
<li><img src="images/cat.jpg" width="248" height="162" /></li>
<li><img src="images/cat.jpg" width="248" height="162" /></li>
<li><img src="images/cat.jpg" width="248" height="162" /></li>
<li><img src="images/cat.jpg" width="248" height="162" /></li>
</ul>
</body>
</html>
