水平列表-項目列表之間的項目符號等距/居中

Question

我希望水平列表中的項目符號位於每個列表項之間的中間/中間。 我希望子彈在每個項目之間居中

這是我的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;
}

Answer 1

嘗試將padding應用於:after偽元素，而不是列表項。 這是jsfiddle的鏈接： http : //jsfiddle.net/GeD4K/