居中<ul> +保持<li>的对齐</li> </ul>

Question

我的问题： http://i56.tinypic.com/ff3jmo.png

子弹点未对齐。

我要去的只是文本对齐：居中于ul所在的类。我可以对齐子弹点吗？

编辑：嘿伙计们，只想尝试澄清一下。我希望实际的子弹点对齐。目前文本是对齐的，但不是项目符号。

• T e x t
  • T e x t
    • T e x t

我想要的地方

• 文本
• 文本
• 文本
• （子弹点对齐，文本居中）

Answer 1

text-align: center不能用于此目的。您应该将<ul>放在<div>并将中心设置为某个宽度并使用margin-left: auto;和margin-right: auto。

所以：

<div style="width: 25%; margin-left: auto; margin-right: auto;">
    <ul>
        <li>List item 1</li>
        <li>List item 2</li>
    </ul>
</div>

Answer 2

你问了两次这个问题。我在Centering Bullets On A Centered List

回答你

给你的div一个班级名center。假设您的div宽度为200px，margin:0 auto将居中，text-align:left将文本左对齐，同时由于自动边距保持其居中。

.center{
    width:200px;
    margin:0 auto;
    text-align:left;
}

检查http://jsfiddle.net/8mHeh/1/

处的工作示例

Answer 3

你想让李的左边对齐吗？如果是这样，请尝试将所有li放在“myliclass”类中，并在CSS中执行此操作：

.myliclass {
    text-align:left;
}

Answer 4

您不需要在ul标记之上添加div并在其中添加样式 text-align:left

<div style="text-align:left">
    <ul>
        <li></li>
    </ul>
</div>