<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document1</title>
<style>
* {
margin: 0;
padding: 0;
}
.main-box {
width: 980px;
margin: 0 auto;
}
.header {
height: 68px;
}
.header .logo1 {
float: left;
}
.header .logo2 {
float: right;
}
.list-box {
height: 320px;
}
.list-box ul {
height: 400px;
margin-top: 68px;
}
.list-box ul li {
float: left;
width: 20%;
list-style: none;
text-align: center;
}
</style>
</head>
<body>
<div class="main-box">
<div class="header">
<img class="logo1" src="./images/t1/logo.jpg" alt="logo1">
<img class="logo2" src="./images/t1/logo2.jpg" alt="logo2">
</div>
<div class="list-box">
<ul>
<li>
<img class="image" src="./images/t1/person1.jpg" alt="">
<p class="text">person1</p>
</li>
<li>
<img class="image" src="./images/t1/person2.jpg" alt="">
<p class="text">person2</p>
</li>
<li>
<img class="image" src="./images/t1/person3.jpg" alt="">
<p class="text">person3</p>
</li>
<li>
<img class="image" src="./images/t1/person4.jpg" alt="">
<p class="text">person4</p>
</li>
<li>
<img class="image" src="./images/t1/person5.jpg" alt="">
<p class="text">person5</p>
</li>
</ul>
</div>
</div>
</body>
</html>