<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}
.main-box {
width: 420px;
margin: 20px auto;
}
.nav {
background: #F5F5F5;
height: 56px;
border-top: 3px solid #333;
}
.nav .title {
font-weight: normal;
float: left;
line-height: 56px;
padding: 0 10px;
box-sizing: border-box;
background-color: #fff;
border-right: 1px solid #333;
}
.nav .more {
font-weight: normal;
float: right;
line-height: 56px;
}
</style>
</head>
<body>
<div class="main-box">
<div class="nav">
<h3 class="title">娱乐热点·时尚热点</h3>
<span class="more">更多<b>></b></span>
</div>
</div>
</body>
</html>