Html CSS文本对齐不适用于LIs

我有一组

li

，其中包含我希望显示的文本，并使用CSS在

ul

中水平居中。我似乎无法实现这一点，另一个答案建议使用

display:inline

，但这没有任何效果

代码如下：

header li {
    margin-left:20px;
    margin-right:0px;
    border-left:1px #FFF solid ;
    float:left;
    color:#FFF;
    padding:2px 2px 2px 2px;
    margin-bottom:10px;
    text-align:center;
}

header ul {
    width:321px;
    margin-left:auto;
    margin-right:auto;
    background:url(repeatback.png);
    height:30px;
}

请求的html：

<ul>
    <li>About</li>
    <li>Portfolio</li>
    <li>Resume</li>
    <li>Links</li>
    <li>Twitzar</li>
</ul>

关于
投资组合
恢复
链接
特维察

我假设您希望文本在列表项中居中？您需要在元素上为

text align:center

指定一个宽度才能正常工作

有关示例，请参阅此小提琴：

注意，css被稍微调整以显示居中的文本

<div id="header">
    <ul>
        <li>About</li>
        <li>Portfolio</li>
        <li>Resume</li>
        <li>Links</li>
        <li>Twitzar</li>
    </ul>
</div>

#header ul {
    width:700px;
    margin: 0px auto;
    height: 30px;
}

#header li{
    margin: 0px 0px 10px 20px;
    border: 1px dotted #ccc;
    float:left;
    padding:2px;
    width: 100px;
    text-align:center;
}

关于
投资组合
恢复
链接
特维察

#标题ul{
宽度：700px；
保证金：0px自动；
高度：30px；
}
#头李{
利润率：0px 0px 10px 20px；
边框：1px点#ccc；
浮动：左；
填充：2px；
宽度：100px；
文本对齐：居中；
}

我假设您希望文本在列表项中居中？您需要在元素上为

text align:center

指定一个宽度才能正常工作

有关示例，请参阅此小提琴：

注意，css被稍微调整以显示居中的文本

<div id="header">
    <ul>
        <li>About</li>
        <li>Portfolio</li>
        <li>Resume</li>
        <li>Links</li>
        <li>Twitzar</li>
    </ul>
</div>

#header ul {
    width:700px;
    margin: 0px auto;
    height: 30px;
}

#header li{
    margin: 0px 0px 10px 20px;
    border: 1px dotted #ccc;
    float:left;
    padding:2px;
    width: 100px;
    text-align:center;
}

关于
投资组合
恢复
链接
特维察

#标题ul{
宽度：700px；
保证金：0px自动；
高度：30px；
}
#头李{
利润率：0px 0px 10px 20px；
边框：1px点#ccc；
浮动：左；
填充：2px；
宽度：100px；
文本对齐：居中；
}

。在我的解决方案中，每个

li

不需要宽度。相反，我在容器

ul

上使用了

text align:center

，使每个

li

显示：inline，并更改了边距和填充，以便正确显示边框。

。在我的解决方案中，每个

li

不需要宽度。相反，我在容器

ul

上使用了

text align:center

，使每个

li

显示：inline

，并更改了边距和填充，以便边框正确显示。

在什么位置居中？请发布您的html标记。

text align:center

如果不在

li

上指定宽度，则将无法使用s@ptriek谢谢，希望把它们贴在锚定标签上能起作用。以什么为中心？请发布您的html标记。

text align:center

如果不在

li

上指定宽度，则将无法使用s@ptriek谢谢，希望能把它们贴在锚标签上。