水平列表 - 项目符号相等距离/列表项之间居中

时间:2014-03-21 20:40:51

标签: html css3

我希望水平列表中的子弹位于每个列表项之间的中间/中间。我希望子弹在每个项目之间居中

这是我的css代码:

.tags-mid {
    padding: 20px;
    margin-top: 15px;
    text-align: center;
}

.tags-mid ul {
       font-size: 25px;
       font-family: 'Open Sans', sans-serif;
}

.tags-mid li {
       display: inline;
       line-height: 25px;
       padding-right: 20px;
       padding-left: 20px;
}

.tags-mid li:after {

       content: " · ";
}

.tags-mid li:last-child:after {
       content: "";
}

.tags-mid a {
    color: #000;
    text-transform: uppercase;
    text-decoration: none;
}

.tags-mid a:hover {
    color: #000;
    text-decoration: none;
}

1 个答案:

答案 0 :(得分:0)

尝试将padding应用于:after伪元素,而不是应用于列表项。这是jsfiddle的链接:http://jsfiddle.net/GeD4K/