Css 设计一个列表——去掉空格，把文字放在中间

对不起，如果问题不清楚，我不知道该怎么说。我需要设置如下列表的样式：

现在看起来是这样的：

这是CSS代码：

li{
    font-family: courier, monospace;
    color: blue;
    font-weight: bold;
    height: 30px;
}
ol>li:nth-child(odd){
    background-color: #fff;
}
.originalni{
    color: d00;
}
h2{
    font-family: courier, monospace;
}
ol{
    width: 300px;
    border-style: solid;
    border-width: 1px;
    border-color: #aaa;
    background-color: #ddd;
    list-style-position: inside;
}

PHP代码：

echo "<ol>";
    for ($i = 0; $i <= 6; $i++){
        if ($tabela[$i][2] == "solsejalec"){
            echo "<li class=\"originalni\">".$tabela[$i][1]."</li>";
        }
        else{
            echo "<li>".$tabela[$i][1]."</li>";
        }
    }
echo "</ol>";

echo”“；
对于（$i=0；$i左侧的空格是
中的默认填充。因此
填充：0；
应该有帮助。

若要在<>代码> 
 垂直中间，应使用<代码>行高< /代码>，USEALY您可以设置<代码>行高度< /代码>与“代码< > LI> < /代码>的高度相同。在您的情况下，代码<30px 

将这三行添加到css中。并检查演示以了解结果

ol {padding: 0;}
li {
    ...
    line-height:30px;
    padding: 0 0 0 7px;
}

这应该可以做到

您的标记不会hurt@ElendilTheTall对不起，你是说代码吗？我编辑了我的问题并添加了它。没问题！很乐意提供帮助。你可以使用边距或填充使它稍微偏右一点。