30/09/2018, 21:47
Cần giúp về thanh menu ngang trong html
giờ e phải làm sao để cái thanh menu nó ở chính giữa và cách đều 2 bên ạ.
<pre>
<code>
<!DOCTYPE html>
<html>
<head>
<title>asdasd</title>
<style type="text/css">
#menu ul{
list-style-type:none;
padding:0px;
margin:0px;
}
#menu ul li{
display:inline;
}
#menu ul a{
text-decoration:none;
width:129px;
float:left;
background:#000;
color:#fff;
font-weight:bold;
text-align:center;
line-height:35px;
border-left:1px solid #fff;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Site Map</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</body>
</html>
</code>
</pre>
Bài liên quan
nó ra như thế này bác ơi :))
Hmm
Bạn thử cho cái width của ul rộng ra.
Còn ko thì cho width của a nhỏ lại thử xem
Tks bạn. có facebook không cho mình xin có gì k biết mình hỏi cho nó nhanh :))
Thử cái này xem :3
100% thì là full rồi
dòng này là đc rồi
#menu{ margin:0 auto; }ko đc nữa thì thêm đoạn này vào
display:inline-block
chắc chắn sẽ đc