0
我在html/css中做了一個簡單的菜單,並且在側面有一個奇怪的縮進,我似乎無法擺脫。奇怪的列表縮進
HTML:
<center><div id="menu">
<ul>
<li>Home</li>
<li>Videos</li>
<li>Info</li>
</ul>
CSS:
#menu ul {
background-color:#F60;
display:inline-block;
border-bottom:5px solid #98FF00;
list-style-type:none;
}
#menu ul li {
display:inline-block;
margin:2px 2px 0 2px;
padding:5px 5px 0 5px;
background-color:#98ff00;
transition:background-color 0.5s;
cursor:pointer;
color:#F60;
}
#menu ul li:hover {
background-color:#74C100;
}
我已經包含了一個鏈接到我有問題的小提琴。
謝謝!
的jsfiddle:http://jsfiddle.net/GRA0007/4anrq8Lj/