html - 项目符号编号未正确对齐

Question

我在页面上使用 webly 时尚的 ui 浅色字体。

当我在项目符号编号上使用字体时，它没有正确对齐。如图所示。我尝试更改字体以打开 sans，但仍然相同。它在 arial 上变得更好，但仍然感觉不对。

Answer 1

HTML

 <div id="navcontainer">
    <ul id="navlist">
    <li id="active"><a href="#" id="current">Item one</a></li>
    <li><a href="#">Item two</a></li>
    <li><a href="#">Item three</a></li>
    <li><a href="#">Item four</a></li>
    <li><a href="#">Item five</a></li>
    </ul>
    </div>

CSS

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 10px;
list-style-type:lower-alpha;
}

Answer 2

这是更正的小提琴

CSS

*{
    padding:0;
    margin:0;
    }
body {
    font:normal 12px/18px Arial, Helvetica, sans-serif;
    color:#000;
    padding:20px;
    }

ol {
    list-style-type:lower-alpha;
    color:#4E4E4E;
    background-color:inherit;
    padding:0 0 5px 30px;
}
ol li {
    padding-bottom:7px; 

}

HTML

<ol>
    <li>Testing 1</li>
    <li>Testing 2</li>
    <li>Testing 3</li>
    <li>Testing 4</li>
</ol>