html - 如何将元素定位在每个列表标签的中心

Question

我从 cssdeck.com 获取了一个导航菜单并对其进行了自定义。

但是，我无法将每个列表标签中心的小点 (#main > li:after) 居中...

我能找到的与原始版本的唯一区别是 (left: 50%;) css in (#main > li:after)，如果我将它添加到我的 css 中，所有的点都聚集在整体的中心#主导航。

我真的不明白为什么它对我的不起作用。

Answer 1

加上这个就可以了

nav a {
        display: block;
        position: relative;

    }

DEMO