CSS。删除列表项之间的空格

时间：2016-04-01 09:51:03

标签： html css css3 web css-selectors

我有什么：

enter image description here

如您所见，家庭和博客之间的空间很小，如何通过CSS删除？

我的代码： 

#wrapper{
    width:80%;
    background: coral;
    margin:0 auto;
}

ul{
    margin:0;
    padding:0;
}

ul>li{
    display: inline-block;
    border: 1px solid #000;
    width:100px;
}

ul>li>a{
    display: block;
    padding:20px;
    text-decoration: none;
    text-align: center;
}

HTML： 

<body>
    <div id='wrapper'>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Blog</a></li>
        </ul>
    </div>
</body>

我不想将列表项放在html的同一行。

0 个答案:

没有答案
相关问题
最新问题