Cần giúp về thanh menu ngang trong html

vietnam · June 24, 2016, 8:19am

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>

drgnz · June 23, 2016, 7:26pm

#menu ul {
...
padding: 0 25%;
}

vietnam · June 23, 2016, 7:30pm

nó ra như thế này bác ơi :))

drgnz · June 23, 2016, 7:35pm

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

vietnam · June 23, 2016, 7:38pm

Tks bạn. có facebook không cho mình xin có gì k biết mình hỏi cho nó nhanh :))

NamTe · June 23, 2016, 8:04pm

#menu {
......
margin: 0 auto;
width : 100%;
}

Thử cái này xem :3

ttn · June 25, 2016, 3:20pm

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