CSS / HTML - 即使我将其对齐，下拉菜单上的文字也会向右移动

Question

我在下面遇到的问题的图片。我尝试使用谷歌搜索，但这是一个特定的问题，我找不到任何有用的东西。

Picture （抱歉使用imgur，Stack overflow不允许新用户嵌入图片）

CSS：

#dropDown3 {position:absolute;
            top:130px;  
            left:860px;
            padding:15px;
            margin:0px;
            text-align:left;
            line-height:170%;
            width:40px;
            height:45px;
            display:none;
            background-color:#006bb2;
            border-radius:1px;
            z-index:2;}

我的另外两个下拉菜单没有这个问题。任何帮助表示赞赏。

Answer 1

问题是你的填充：你有15px填充。因此，由于空间太小，文本在右侧比在左侧更多。

尝试减少填充或将宽度设置得更大。

我希望它有所帮助...

Answer 2

尝试

#dropDown3  li{
 text-align:left;
}

Answer 3

你的文字是左对齐的，否则最近的t和档案中的e会对齐，但它们不会像Vucko所说的那样，不会将元素移动到左边。