<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>旅行社</title>
<!--<link rel="stylesheet" href="css/travel.css" />-->
<style>
*{
padding: 0em;
margin: 0em;
}
#travel-Nav{
background-color:#333;
width: 100%;
height: 4em;
margin: 0em auto;
line-height:4em;
}
h1,ul,li{
display: inline-block;
text-align: center;
}
h1{
width: 30%;
}
ul
{
width:64%;
padding-right:5%;
float: right;
}
li{
padding-right: 4%;
}
</style>
</head>
<body>
<nav id="travel-Nav">
<div>
<section>
<h1>旅行社aa</h1>
<ul>
<li>首页</li>
<li>旅行资讯</li>
<li>机票订购</li>
<li>风景欣赏</li>
<li>公司简介</li>
</ul>
</section>
</div>
</nav>
<header></header>
<section></section>
<footer></footer>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>旅行社</title>
<!--<link rel="stylesheet" href="css/travel.css" />-->
<style>
*{
padding: 0em;
margin: 0em;
}
#travel-Nav{
background-color:#333;
width: 100%;
height: 4em;
margin: 0em auto;
line-height:4em;
}
h1,ul,li{
display: inline-block;
text-align: center;
}
h1{
width: 30%;
}
ul
{
width:64%;
padding-right:5%;
float: right;
}
li{
padding-right: 4%;
}
</style>
</head>
<body>
<nav id="travel-Nav">
<div>
<section>
<h1>旅行社aa</h1>
<ul>
<li>首页</li>
<li>旅行资讯</li>
<li>机票订购</li>
<li>风景欣赏</li>
<li>公司简介</li>
</ul>
</section>
</div>
</nav>
<header></header>
<section></section>
<footer></footer>
</body>
</html>