<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>inline-block</title>
<style type="text/css">
body {
margin:0px;
}
#head { height:100px;
box-shadow:0px 10px 1px gray;
}
#headleft {
width:50%;
font-family:'Cambria Math';
}
#headright { width:50%;
float:left;
list-style:none;
font-family:'Cambria Math';
text-decoration:none;
}
</style>
</head>
<body>
<div id="head"></div>
<div>
<div id="headleft">欢迎</div>
<div id="headright">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
</div>
</body>
</html>
我想实现的是 欢迎在左边 横向排列的导航栏在右边,怎么没能实现呢?